Domains
Forms
Mechanism
Breaks down how the skill works and what it produces, so you can quickly judge whether it fits your scenario and value.
When a user has Stitch designs and needs a production React + Vite dashboard with data fetching and optional Web3 support.
A structured React+Vite project with token-accurate UI, accessible components, and Web3-ready data layers.
Use Cases
A Web3 startup has dashboard screens in Stitch and a DESIGN.md. Using this skill, the engineer fetches screens via MCP, maps tokens to CSS variables, and generates React components with viem wallet reads. The team gets a production-ready dashboard with on-chain data and accessible UI in hours instead of days.
A product team needs an internal analytics dashboard from Stitch mockups. The skill scaffolds Vite+React, bridges DESIGN.md tokens, and uses TanStack Query for async data. Developers receive a clean, responsive, WCAG-compliant codebase with separated presentational and data layers, accelerating delivery.
Skill Relationships
Dependency relationships read as "the upper tier points to the lower tier." The current Skill sits in the middle tier — above are Skills that depend on it, below are Skills it depends on.
Tier 1 · These Skills Use Me
Tier 2 · Current Skill
Tier 3 · I Use These Skills
Browse this skill's relationships within its skillset. Click a node to switch the side panel; use the search box to jump to any skill.
Skill File
