Centralizes Sprint UI design guidelines for consistent frontend components.
npx skills add https://github.com/gancim/sprint --skill design-guide-gancim
Please help me install this Agent Skill. Skill: design-guide Source: https://github.com/gancim/sprint/tree/main/.claude/skills/design-guide Command: npx skills add https://github.com/gancim/sprint --skill design-guide-gancim
Sprint UI design system guide for building consistent, reusable frontend components. Use when creating new UI components, modifying existing ones, adding pages or features to the frontend, styling UI elements, or when you need to understand the design language and conventions. Covers: component creation, design tokens, typography, status/priority systems, composition patterns, and the /design-guide showcase page. Always use this skill alongside the frontend-design skill (for visual quality) and the web-design-guidelines skill (for web best practices).
Use design-guide when starting any UI component work to align with tokens, patterns, and conventions.
High-intent search queries and answers about installing and using this skill.
Maintain consistent frontend design by centralizing UI guidelines, design tokens, and typography rules. Apply these standardized patterns when creating new UI components, updating existing designs, or documenting status and priority systems across your application.
Design tokens are centralized variables that store UI styling decisions like typography and status systems. They standardize UI styling by providing a single source of truth, ensuring visual consistency across all frontend components and pages during development.
Document UI composition patterns by creating a living design-guide showcase page. This page serves as a reference for component creation, design tokens, typography rules, and status systems, providing links to assets and ensuring frontend conventions are accessible.
You need a design system guide when starting any UI component work, adding pages, or modifying frontend features. It is required to align new and existing components with established design tokens, typography conventions, and composition patterns.
Yes, this design system guide works alongside general web design guidelines. It should be used together with frontend visual quality skills and web best practices skills to ensure both consistent UI language and standard web conventions are met.
The best way to update existing designs is applying centralized design tokens and typography rules before modifying components. Using a living design-guide page as reference ensures all updates adhere to established status, priority, and composition patterns without breaking visual consistency.
yonatangrossGenerate design tokens, atomic components, and documentation templates for UI systems.
VulcanNeuralDevDefine and enforce Paperclip frontend design tokens, typography, and component patterns.
Adelie-SquadCreate and apply design tokens for color, typography, and spacing.
dylantarreBuild token-driven Angular components with signals and standalone components.
