Skills

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

Initialize Element Plus. design system components in Pencil variables and component overview.

Create and maintain consistent brand identities across all touchpoints. Use when users need brand style guides, visual identity systems, or brand consistency across products.

Provides comprehensive guidance for draw.io architecture diagrams including diagram creation, shapes, templates, and collaboration. Use when the user asks about draw.io architecture, needs to create architecture diagrams, design system diagrams, or collaborate on diagrams.

Provides comprehensive guidance for draw.io flowcharts including flowchart creation, shapes, connectors, and diagramming. Use when the user asks about draw.io flowcharts, needs to create flowcharts, design process diagrams, or visualize workflows.

Provides comprehensive guidance for Adobe XD including design creation, prototyping, components, and collaboration. Use when the user asks about Adobe XD, needs to create UI/UX designs, build prototypes, or work with Adobe XD components.

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

Build production-quality UIs. Use when building or modifying user-facing interfaces, creating components, implementing layouts, or managing state.

A format specification for describing visual identity to coding agents. Gives AI agents a persistent, structured understanding of a design system with export to Tailwind and DTCG tokens.