Skill UI

This specialized skill automates the process of converting visual designs (from Stitch) into high-quality, modular React and Vite components. It adheres to modern frontend best practices, enforcing logic isolation via custom hooks, data decoupling using mock data files, and ensuring type safety with TypeScript interfaces. The workflow includes automated asset fetching, style mapping (Tailwind), and rigorous validation cycles to produce production-ready, maintainable code.

This skill automates the process of transforming high-level product specifications, requirements, and design documents into a detailed, actionable, and executable task plan. It follows a multi-stage workflow, including context loading, parallel research, and two rigorous review gates (Task Plan Review and Task-Graph Sanity Review). The output provides properly sized (1-3 hours), logically sequenced tasks, ensuring every requirement is covered and dependencies are explicitly managed, dramatically improving project planning accuracy.