Create and validate UI design system standards for Combyne frontend.
npx skills add https://github.com/krishsharma1008/ADE --skill design-guide-krishsharma1008
Please help me install this Agent Skill. Skill: design-guide Source: https://github.com/krishsharma1008/ADE/tree/main/.claude/skills/design-guide Command: npx skills add https://github.com/krishsharma1008/ADE --skill design-guide-krishsharma1008
Establishes a centralized UI design system standard to ensure consistency across Combyne frontend.
Follow the design-guide to implement and validate UI components according to the design system.
High-intent search queries and answers about installing and using this skill.
You enforce UI design system consistency by establishing centralized standards for creating, updating, and validating components, tokens, typography, and patterns across the frontend. This ensures visual and functional alignment across all related pages and showcases.
Design tokens are centralized variables that define typography and visual properties, ensuring standardization across a frontend. They provide a single source of truth for UI components, guaranteeing visual consistency throughout the design system.
You validate UI components by checking them against the established design system standard, ensuring they correctly apply defined tokens, typography rules, and patterns. This governance process confirms components are reusable and compliant before integration.
Yes, a design guide manages component governance by establishing rules for creating and updating reusable UI elements. It ensures every frontend component adheres to the centralized design system standard before deployment.
Yes, documenting a UI design system standard requires concise YAML frontmatter containing the name and description. This metadata accompanies a descriptive Markdown body detailing design principles, usage rules, and optional visual assets.
The best way to demonstrate UI patterns and usage is through a dedicated showcase page. This page visually documents how design tokens, typography, and components should be implemented according to the centralized design system standard.
C0ntr0lledCha0sAutomate project documentation structure and governance with configurable tooling.
luanrodriguesGenerate and verify visual snapshots for Vue.js components across states and viewports.
kyamsSRLBuild scalable design systems with Style Dictionary token pipelines and React theme providers.
YehudaFrankelGenerate design tokens, typography rules, color systems, and component guidelines.
