Document Capsem's frontend design system for Astro 5, Svelte 5, Tailwind v4, and Preline.
npx skills add https://github.com/google/capsem --skill frontend-design-google
Please help me install this Agent Skill. Skill: frontend-design Source: https://github.com/google/capsem/tree/main/skills/frontend-design Command: npx skills add https://github.com/google/capsem --skill frontend-design-google
Capsem frontend design system provides a single source of truth for UI components, design tokens, and patterns to speed up development and ensure consistent visuals across projects.
Describe Capsem's frontend design system including the stack, tokens, and component usage guidelines.
High-intent search queries and answers about installing and using this skill.
To document a frontend design system for Astro 5, Svelte 5, and Tailwind v4, define your stack, establish design and semantic tokens, and outline component patterns to ensure consistent UI development across project teams.
Semantic tokens map raw design values to contextual meanings, enabling cohesive theming across Tailwind v4 and Preline components. They ensure consistent color schemes and typography usage across your UI elements.
Yes, the design system guidance explicitly supports Preline UI components within the Svelte 5 and Astro 5 stack, providing framework references and usage policies to accelerate UI work.
The best way to ensure consistent UI patterns is to maintain a single source of truth documenting component guidelines, design tokens, and framework references for your specific frontend stack.
Structure operational instructions by including YAML frontmatter with a name and description, followed by a Markdown body detailing stack guidance, color schemes, typography, and reusable component patterns.
nirukk52Coordinate SvelteKit 2, Svelte 5 runes, Skeleton UI, and Encore clients for frontend features.
justinlevinedotmeCreate reusable Radix UI and Tailwind CSS components for React projects.
italokandradeApply and optimize Tailwind CSS utility classes in HTML templates and components.
Ayub-KhanDefine scalable UI/UX design systems with tokens for Figma handoff.
