Generate implementation-ready CSS design systems for named UI aesthetics.
npx skills add https://github.com/petekp/agent-skills --skill aesthetic-guide
Please help me install this Agent Skill. Skill: aesthetic-guide Source: https://github.com/petekp/agent-skills/tree/main/skills/aesthetic-guide Command: npx skills add https://github.com/petekp/agent-skills --skill aesthetic-guide
Exhaustive, implementation-ready design system guidelines for a named UI aesthetic, enabling coding agents to reproduce visuals with exact CSS values, tokens, and typography.
Provide a complete, implementation-ready design system for a named UI aesthetic with exact CSS values, typography, spacing, and tokens.
High-intent search queries and answers about installing and using this skill.
To generate CSS design tokens for a UI aesthetic, you need a system that translates visual styles into concrete CSS values. This process outputs comprehensive color, typography, spacing, and motion variables for implementation-ready design systems.
An implementation-ready design system for UI aesthetics is a structured set of concrete CSS values and design tokens. It includes exact specifications for typography, spacing, color systems, and motion to replicate a style precisely across codebases.
Yes, generating design system tokens can deliver both light and dark variants for your color systems. This ensures the named UI aesthetic maintains proper visual consistency and accessibility across different interface themes.
To replicate a brutalist UI aesthetic across React and mobile codebases, use a paste-ready design system with exact CSS values and variables. This provides the structural guidance needed to implement identical visuals across different platforms.
CSS values and design variables are delivered in paste-ready formats compatible with modern frameworks, specifically Markdown and JSON. This allows coding agents to directly apply the tokens to components without manual translation.
Generating a design system does not require manual configuration of spacing and borders, as it automatically outputs comprehensive CSS tokens. It directly calculates concrete values for borders, shadows, and spacing based on the named aesthetic.
IAmKongHaiGenerates and deepens structured plans for complex tasks like software development and research workflows.
stribusExtract and normalize design tokens from CSS and theme files into structured documentation.
Ankish8Validate component code for CSS variables, responsive patterns, and accessibility compliance.
mrodrigues1Define visual design systems using typography, color, spacing, and iconography.
