Skills

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.

Lists all screens contained within a specific project.

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).

Creates a new Stitch project container. Use this when starting a new design task, app idea, or fresh workspace.

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

Retrieves the detailed metadata of a specific Stitch project.

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

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.

Generate walkthrough videos from Stitch projects using Remotion. Retrieves screens via Stitch MCP list_projects list_screens get_screen downloads screenshots, builds Remotion composition with transitions and text overlays. Use with stitch-mcp-* for project/screen discovery.