技能

Initialize uCharts. design system components chart placeholders and data-viz tokens in Pencil.

Initialize uView 2.x . design system components in Pencil variables and component overview.

Initialize uView Pro. design system components in Pencil variables and component overview.

Initialize Vant. design system components in Pencil variables and component overview.

Best practices and domain knowledge for building videos programmatically with Remotion (videos in React/TypeScript, rendered to MP4). Use whenever writing or editing Remotion code — scaffolding a video project, animating with interpolate/spring over useCurrentFrame(), sequencing scenes and transitions, captions/subtitles, audio, GIFs/Lottie/3D, charts, visual effects, dynamic duration via calculateMetadata, or rendering. Consult before reaching for a Remotion API, since its components and props evolve (e.g. @remotion/media).

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md. Uses Stitch MCP list_projects list_screens get_screen get_project to retrieve screens and project metadata; outputs natural-language design tokens for consistent Stitch screen generation. Use with stitch-ui-prompt-architect and stitch-loop for multi-page consistency.

Retrieves the detailed metadata of a specific Stitch project.

Generates high-fidelity UI screens or wireframes from text descriptions. The core Text-to-UI engine.

Retrieves the full details of a specific screen, including HTML code.

Lists all Stitch projects accessible to the user.

Lists all screens contained within a specific project.

Convert Stitch designs into modular Vite/React components with validation and design token consistency. Uses Stitch MCP get_screen to retrieve design JSON and HTML; supports high-reliability fetch via scripts; enforces modular structure, type safety, and theme-mapped Tailwind.