Apply design tokens, typography, and layout rules to frontend outputs.
npx skills add https://github.com/chriswestt/claude-skills --skill frontend-theme-chriswestt
Please help me install this Agent Skill. Skill: frontend-theme Source: https://github.com/chriswestt/claude-skills/tree/main/frontend-theme Command: npx skills add https://github.com/chriswestt/claude-skills --skill frontend-theme-chriswestt
The Frontend Theme ensures a cohesive Rawgrowth design system is applied to every frontend project, guaranteeing token usage, typography, layout conventions, and component patterns before UI code is authored.
Integrate the design system by loading tokens and typography, then apply components to your UI code.
High-intent search queries and answers about installing and using this skill.
Enforce a design system in React and Next.js by injecting token sets, typography rules, and layout conventions before UI code is authored, ensuring visual consistency from wireframes to production. This standardizes components and spacing across dashboards and pages.
Tokens and typography rules for a dark theme with green accents define border colors, atmosphere, spacing, and component patterns. Standardizing these design tokens guarantees visual cohesion across frontend outputs by applying consistent layout and styling guidelines.
Yes, you can use Tailwind to apply custom design tokens and layout patterns by injecting token sets and typography rules into your configuration. This standardizes component patterns and spacing to accelerate UI development and reduce rework.
Standardize component patterns and spacing across admin dashboards by defining layout conventions and applying cohesive token sets before authoring UI code. This guarantees visual cohesion from wireframe to production by enforcing strict typography and component rules.
Yes, the frontend design system works with HTML, CSS, React, and Next.js outputs by applying tokens, typography, and layout rules. It scopes frontend work from wireframes to production, ensuring visual consistency across dashboards and pages.
Frontend UI lacks visual consistency across pages when token sets, typography rules, and layout conventions are not standardized before authoring code. Defining strict component patterns and spacing guidelines ensures cohesive dashboards from wireframe to production.
moshi-azzGenerate UI/UX design systems with guidelines, palettes, and typography for specified tech stacks.
arbisoftEstablishes visual direction and cohesive design systems for frontend interfaces.
blencorpGuide React and TypeScript projects integrating shadcn/ui components with Tailwind CSS.
BangDoriDocument Prowl's Liquid Glass design system with Tailwind CSS tokens.
