Plan and build React frontend UI with Tailwind CSS and SHADCN UI.
npx skills add https://github.com/jh941213/my-claude-code-asset --skill frontend-jh941213
Please help me install this Agent Skill. Skill: frontend Source: https://github.com/jh941213/my-claude-code-asset/tree/main/skills/frontend Command: npx skills add https://github.com/jh941213/my-claude-code-asset --skill frontend-jh941213
This skill accelerates the creation of modern frontend UI by unifying planning, design interpretation, and implementation into a single workflow.
Use the frontend skill to generate a responsive login page in Vercel-style UI with a dark-mode toggle and accessible components.
High-intent search queries and answers about installing and using this skill.
To build a React dashboard from design specs, this skill unifies planning, design interpretation, and implementation into a single workflow, generating reusable React components with Tailwind CSS and SHADCN UI. It handles the end-to-end process from UI skeleton to polished styling.
Yes, you can generate a responsive marketing site with a dark-mode toggle and accessible components. The skill applies to marketing sites, product interfaces, and dashboards, delivering modern frontend UI styled with Tailwind CSS and SHADCN UI.
The best way to translate design system specs into a reusable component library is through design-to-code automation. This skill converts provided design specs directly into reusable React components, applying Tailwind CSS and SHADCN UI for consistent styling and structure.
Yes, you need a modern React stack with Tailwind CSS and SHADCN UI to implement frontend UI. The skill is designed for this specific stack to ensure components are reusable, accessible, and properly styled during the implementation and validation phases.
Design-to-code automation handles product interfaces by following distinct steps for planning, implementation, and validation. It interprets designer-provided specs and delivers polished UI by generating the UI skeleton, components, and styling required for the final product.
No, you cannot use this skill effectively without Tailwind CSS, as it requires a modern React stack with Tailwind CSS and SHADCN UI. The implementation and validation steps are specifically built around generating reusable components with these dependencies.
allofmengTranslate Figma designs into UI code using design tokens and MCP context.
jfrometaExecute Playwright-based end-to-end tests against live web routes.
KwaminaWhyteProvide reusable React Router v7, React Query, and shadcn/ui patterns for the Rivetr dashboard.
Jernish-FDODesign and implement production-grade frontend interfaces with design-system patterns.
