Create and maintain product-wide UX and visual design system blueprints.
npx skills add https://github.com/virajp/ai-plugins --skill design-system-virajp
Please help me install this Agent Skill. Skill: design-system Source: https://github.com/virajp/ai-plugins/tree/main/plugins/vwf/skills/design-system Command: npx skills add https://github.com/virajp/ai-plugins --skill design-system-virajp
This Skill helps teams create a unified product-wide UX and visual contract by capturing design decisions before implementation, preventing inconsistent interfaces and unclear design direction.
Use the design-system skill to create or update the product design system blueprint based on the current architecture and product decisions.
High-intent search queries and answers about installing and using this skill.
Create a design system by documenting semantic tokens, typography, spacing, motion principles, and accessibility standards as code-independent product rules to establish a unified visual contract. This prevents inconsistent interfaces and unclear design direction across your application.
A product UX blueprint captures design decisions before implementation to ensure consistent interfaces. You need one when launching a new application or establishing reusable UX rules that every future screen blueprint references across your product architecture.
Maintain your design system blueprint by updating semantic tokens and accessibility requirements while preserving alignment with your current product architecture and existing flows. This ensures cross-product design conventions remain consistent without disrupting established application behavior.
Yes, you can define accessibility requirements and component behaviors as code-independent product rules within your design tokens. This includes documenting semantic tokens, typography, spacing, and motion principles to establish a comprehensive visual contract.
Document cross-product design conventions by authoring a design foundation that defines semantic tokens, typography, spacing, and motion principles as structured product rules. This creates a unified visual contract that ensures consistent interface standards across all product flows.
cedricfarinazzoScan Confluence and Jira to create a formal ADR with context, data model, API, and deployment considerations.
OzeroHAXDefine frontend design tokens, typography, color, layout, and accessibility standards.
lagarcessGenerate DESIGN.md files with Stitch-readable semantic design descriptions.
MinhDuyDEVApply UI craft principles to visual design and interaction details.
