What problem does it solve? Turning a single refined React TSX artifact into a fully buildable, convention-compliant project requires tedious manual setup of Vite, Tailwind, shadcn components, directory structure, and build verification. This Skill automates that entire scaffolding pipeline. ## Core Features & Use Cases - Automated Project Scaffolding: Runs shadcn init with the Vite template, applies brand-token CSS, and reorganizes the tree into a feature-based clean architecture (src/{app,features,shared}/). - Intelligent TSX Patching: Routes default exports to components, useXxx hooks to hooks directories, and useXxxStore to zustand stores, with kebab-case file renaming and automatic shadcn add for detected UI imports. - Optional Rust + Axum Wrapper: Generates a self-contained single-binary server that embeds the built SPA via rust-embed for distribution without a Node.js runtime. - Use Case: After refining a dashboard component with refine-ui, scaffold it into a buildable project with your brand tokens applied, verified via pnpm build, and optionally ship it as one Rust executable. ## Quick Start Ask the AI to scaffold your refined TSX artifact into a Vite project by providing the artifact name, source TSX path, brand name, and target output directory.
