Design skills

This skill translates TemPad Dev UI evidence into project-native TypeScript code, enabling accurate integration without guessing styles.

This skill guides building reusable, single-responsibility UI components with clear interfaces and composition for scalable frontend development.

This skill helps you implement accessible UI conformance across components and templates, ensuring semantic HTML, proper ARIA, keyboard navigation, and WCAG

This skill helps you craft distinctive production-grade frontend interfaces using React, Tailwind v4, shadcn/ui, and motion while ensuring accessibility and

This skill transforms vague video ideas into a detailed scene-by-scene plan for Manim animations, guiding research, questions, and implementation cues.

This skill helps you build BubbleChart components in Vue to visualize three variables using x, y, and size.

This skill helps you visualize project timelines with customizable GanttChart components, enabling clear scheduling, tracking, and categorization of tasks.

This skill helps you apply common patterns and best practices in vue-chrts for data formatting, legends, and chart styling across types.

This skill helps you create interactive map visualizations with topojson and dotted maps, enabling choropleth coloring, pins, and regional insights.

This skill helps you visualize flows and resource distribution with SankeyChart components for clear energy, user journeys, and budget analyses.

This skill lets you automate Figma design tasks from the CLI or JSX, creating and editing frames, text, icons, and exports.

This skill guides solution design from ideation to planning, creating a complete plan package and risk-aware implementation path.

This skill helps you search and retrieve icons from Iconify libraries via a CLI and MCP server, speeding icon integration.

This skill enables immersive XR interactions by handling hand tracking, controllers, AR mesh, and haptic feedback for VR and WebXR applications.

This skill helps you create, edit, analyze, and automate PowerPoint presentations (.pptx) using Python with design-aware, template-based workflows.

This skill captures decision patine at Gates when KO or challenges, recording rationale and alternatives for future reference.

This skill helps ensure UI wireframes and UI decisions align with the design system, Storybook, and codebase patterns for cohesive experiences.

This skill maps dependency relationships with a DSM, scores risk, and recommends safe implementation sequences for multi-slice features.

This skill guides building accessible, multi-step forms with validation, data typing, and UX best practices for reliable user input collection.

This skill helps you select, implement, and optimize data visualizations with accessible, high-performance charts across datasets and dashboards.

This skill guides designing responsive layouts with grids, flexbox, and container queries to build adaptable, accessible interfaces.