design-ui
Provides design direction and visual system for web UI. Defines layout, typography, colour, and overall aesthetic for product (SaaS/admin/data-heavy) or marketing/brand experiences. Use when choosing visual direction, selecting colour palettes and fonts, establishing layout patterns, or starting a new UI design system.
Recursos
4Instal·la
npx skillscat add mblode/agent-skills/design-ui Instal·la des del registre de SkillsCat.
SKILL.md
UI Design
Choose the right track and follow its guidance.
Tracks
- Product UI (SaaS/admin/data-heavy): See product-ui.md
- Marketing/brand/creative: See marketing-ui.md
References
- Low-fi planning: See design-in-code.md
- Anti-patterns and calibration: See aesthetic-direction.md
Related skills
ui-animationfor motion timing, easing, and reduced-motion behaviouraudit-uifor accessibility and final QAimplement-frontendfor React/TypeScript implementation standards
Instal·la
npx skillscat add mblode/agent-skills/design-ui Instal·la des del registre de SkillsCat.