AGENT SKILL

building-native-ui

Complete guide for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, animations, patterns, and native tabs.

适用职业设计师
License 许可
MIT
所属仓库
RyouMon/MyReader
最近更新
2026-11-10
Stars
★ 2
Forks
0

01 前言 Front Matter

name
auth0-automation
requires
{ "mcp": [ "rube" ] }
description
Automate Auth0 tasks via Rube MCP (Composio). Always search tools first for current schemas.

02 资源文件 14

03 SKILL.md 正文

Auth0 Automation via Rube MCP

Automate Auth0 operations through Composio's Auth0 toolkit via Rube MCP.

Toolkit docs: composio.dev/toolkits/auth0

Prerequisites

  • Rube MCP must be connected (RUBE_SEARCH_TOOLS available)
  • Active Auth0 connection via RUBE_MANAGE_CONNECTIONS with toolkit auth0
  • Always call RUBE_SEARCH_TOOLS first to get current tool schemas

Setup

Get Rube MCP: Add https://rube.app/mcp as an MCP server in your client configuration. No API keys needed — just add the endpoint and it works.

  1. Verify Rube MCP is available by confirming RUBE_SEARCH_TOOLS responds
  2. Call RUBE_MANAGE_CONNECTIONS with toolkit auth0
  3. If connection is not ACTIVE, follow the returned auth link to complete setup
  4. Confirm connection status shows ACTIVE before running any workflows

Tool Discovery

Always discover available tools before executing workflows:

RUBE_SEARCH_TOOLS
queries: [{use_case: "Auth0 operations", known_fields: ""}]
session: {generate_id: true}

This returns available tool slugs, input schemas, recommended execution plans, and known pitfalls.

Core Workflow Pattern

Step 1: Discover Available Tools

RUBE_SEARCH_TOOLS
queries: [{use_case: "your specific Auth0 task"}]
session: {id: "existing_session_id"}

Step 2: Check Connection

RUBE_MANAGE_CONNECTIONS
toolkits: ["auth0"]
session_id: "your_session_id"

Step 3: Execute Tools

RUBE_MULTI_EXECUTE_TOOL
tools: [{
  tool_slug: "TOOL_SLUG_FROM_SEARCH",
  arguments: {/* schema-compliant args from search results */}
}]
memory: {}
session_id: "your_session_id"

Known Pitfalls

  • Always search first: Tool schemas change. Never hardcode tool slugs or arguments without calling RUBE_SEARCH_TOOLS
  • Check connection: Verify RUBE_MANAGE_CONNECTIONS shows ACTIVE status before executing tools
  • Schema compliance: Use exact field names and types from the search results
  • Memory parameter: Always include memory in RUBE_MULTI_EXECUTE_TOOL calls, even if empty ({})
  • Session reuse: Reuse session IDs within a workflow. Generate new ones for new workflows
  • Pagination: Check responses for pagination tokens and continue fetching until complete

Quick Reference

Operation Approach
Find tools RUBE_SEARCH_TOOLS with Auth0-specific use case
Connect RUBE_MANAGE_CONNECTIONS with toolkit auth0
Execute RUBE_MULTI_EXECUTE_TOOL with discovered tool slugs
Bulk ops RUBE_REMOTE_WORKBENCH with run_composio_tool()
Full schema RUBE_GET_TOOL_SCHEMAS for tools with schemaRef

Powered by Composio

04 同仓库更多 Skills

RyouMon
RyouMon/MyReader

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

设计师前端开发视觉设计
★ 2
RyouMon
RyouMon/MyReader

cross-platform-ui-spec

Apply the shared MyReader design workflow to desktop or mobile UI changes in Cursor.

设计师
★ 2
RyouMon
RyouMon/MyReader

zustand-state-management

Zustand v5 store patterns, TypeScript create<T>()() usage, persist/devtools middleware, hydration pitfalls, slices, and migration notes. Use when implementing or reviewing global client state with Zustand in React apps.

前端开发
★ 2
RyouMon
RyouMon/MyReader

vercel-react-view-transitions

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view transitions, `startViewTransition`, `ViewTransition`, transition types, or asks about animating between UI states in React without third-party animation libraries.

前端开发
★ 2
RyouMon
RyouMon/MyReader

vercel-react-native-skills

React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or native platform APIs.

前端开发
★ 2
RyouMon
RyouMon/MyReader

vercel-react-best-practices

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

前端开发
★ 2