Generate UI design guidelines covering typography, color, layout, and micro-interactions.
npx skills add https://github.com/dige04/hieu-ccsetup --skill aesthetic-dige04
Please help me install this Agent Skill. Skill: aesthetic Source: https://github.com/dige04/hieu-ccsetup/tree/main/config/skills/aesthetic Command: npx skills add https://github.com/dige04/hieu-ccsetup --skill aesthetic-dige04
Create aesthetically beautiful interfaces by following proven design principles and systematic workflows.
Provide a starter design guidelines document for a new project with typography, color palette, and layout foundations.
High-intent search queries and answers about installing and using this skill.
To create a design system, you capture inspiration from reference sites to derive structured UI typography, color palettes, and layout foundations, outputting a complete design guidelines document for your project.
Documenting UI design guidelines involves generating structured outputs that define typography, color, spacing, and accessibility standards, accompanied by design stories that explain the rationale behind micro-interactions and layout choices.
Yes, you can generate design guidelines for both web and app projects. The workflow develops systematic typography, color, layout, and micro-interaction rules that apply across different digital interface environments.
You capture inspiration by analyzing design reference sites and extracting style, layout, typography, and color systems. This process yields a structured visual foundation that ensures interface consistency and aesthetic usability.
The best way to structure UI design rationales is to generate iterative design artifacts like mockups alongside design story documentation, ensuring development teams receive clear accessibility considerations and layout rationales.
kwakseongjaeCapture design tokens and visual references from live websites using Playwright and Python.
Wide-MoatTranslate UI requirements into cohesive frontend designs with working HTML/CSS/JS.
MayaDispelerExplain color models, harmonies, and WCAG accessibility for UI palettes.
xaderlagguiDesign accessible mobile UI systems for iOS and Android.
