Generate a domain-specific design system contract with color tokens and typography.
npx skills add https://github.com/Rune-kit/rune --skill design-rune-kit
Please help me install this Agent Skill. Skill: design Source: https://github.com/Rune-kit/rune/tree/main/skills/design Command: npx skills add https://github.com/Rune-kit/rune --skill design-rune-kit
This Skill prevents AI-generated UIs from looking generic and uninspired by establishing a unique, domain-specific design system tailored to the product's context.
.rune/design-system.md file specifying a data-dense dark theme, appropriate color tokens for profit/loss, and monospace fonts for financial data, ensuring the UI is both functional and professional.Use the design skill to establish a design system for a new e-commerce landing page.
High-intent search queries and answers about installing and using this skill.
Generate a domain-specific design system by mapping product types like Fintech or E-commerce to tailored visual styles, typography, and color tokens. This process outputs a persistent design system contract file to guide UI development and prevent generic styling.
AI anti-patterns in UI design are generic, uninspired styling choices that lack domain context. You avoid them by generating a design system contract that explicitly documents these anti-patterns, enforcing tailored visual guidelines and UX writing best practices.
Yes, the design system generator supports platform-specific conventions. It incorporates tailored design guidelines for Web, iOS, and Android, ensuring the generated color tokens, typography, and effects align with the target platform's standards.
Enforce accessibility standards by generating a design system contract that integrates accessibility best practices directly into color tokens, typography, and spacing rules. This ensures the resulting UI meets necessary compliance without manual auditing.
AI-generated UIs look generic because they lack domain-specific styling context. A design system contract fixes this by mapping specific product types like Fintech or SaaS to appropriate visual styles, data-dense themes, and professional typography.
Yes, you can create a data-dense dark theme for a financial dashboard. The system maps Fintech contexts to appropriate dark themes, specifying monospace fonts for financial data and color tokens for profit and loss indicators.
cyberAlchemyAIConvert development intent into governed lifecycle artifacts with mode contracts.
WellApp-aiAlign UI decisions with design system tokens, Storybook stories, and codebase patterns.
KrishnatejavepaConstructs brand identity systems including color schemes, typography, and imagery guidelines.
liqiongyuGenerate a Design System Operating Pack with token models and roadmaps.