web-artifacts-builder
A toolkit for developing and bundling complex, multi-component React/TypeScript web artifacts using Vite, Tailwind CSS, and shadcn/ui.
Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.
17 skills found
A toolkit for developing and bundling complex, multi-component React/TypeScript web artifacts using Vite, Tailwind CSS, and shadcn/ui.
Core component library and design system patterns for consistent UI development using design tokens.
Leverage the Figma MCP server to fetch design data, extract assets, and transform Figma nodes into production-ready React and Tailwind code with design system alignment.
Review, audit, and build production-grade frontend interfaces with high design quality, accessibility standards, and design system compliance.
Implement shadcn/ui components: installation, Vite/TanStack Router configuration, CLI command management, and Tailwind CSS integration.