Organize design tokens and enforce consistent frontend component patterns.
npx skills add https://github.com/googlarz/stapler --skill design-guide-googlarz
Please help me install this Agent Skill. Skill: design-guide Source: https://github.com/googlarz/stapler/tree/main/.claude/skills/design-guide Command: npx skills add https://github.com/googlarz/stapler --skill design-guide-googlarz
Centralizes and standardizes the UI design language across Paperclip to ensure consistency, faster development, and clearer collaboration between designers and engineers.
Review the Design Guide and apply the documented rules to new components.
High-intent search queries and answers about installing and using this skill.
To maintain consistent UI design tokens, centralize typography, color, and spacing rules within a design guide. This standardizes the frontend design language, ensuring faster development and clearer collaboration between designers and engineers.
A living design guide showcase page demonstrates UI patterns, variants, and accessibility considerations for the frontend. It serves as living documentation that references assets to support consistent component creation across pages and dashboards.
Review the design guide and apply the documented rules for typography, color, and spacing to new components. This enforces consistent design-token usage and theming across all frontend features and pages.
Yes, the design guide supports theming and consistent spacing for dashboards. It provides explicit guidance for component creation and design-token usage, ensuring pattern consistency across all pages and frontend features.
The best way to standardize typography and component variants is to define centralized design tokens and a showcase page. This organizes and enforces consistent UI design across all frontend components and pages.
You need a design guide to solve the problem of fragmented UI design language. It standardizes typography, tokens, and component usage guidelines, enabling faster development and clearer collaboration between designers and engineers.
yonatangrossGenerate design tokens, atomic components, and documentation templates for UI systems.
rokkayApplies Tailwind CSS v4 utilities for spacing, color, typography, layout, responsive design, and dark mode across components and layouts.
claudeforgeGuide React frontend architecture with compound components, hooks, and render props.
Shaarav4795Standardize typography, spacing, color, and iconography into a visual design system.
