ui-creator
Installation
SKILL.md
UI Creator
Overview
To create high-quality user interfaces, combine visual design principles with practical implementation and objective evaluation. This skill provides comprehensive guidance for creating new UIs from descriptions, analyzing and improving existing interfaces, A/B testing variations, and building accessible component libraries. Uniquely integrates Playwright automation to objectively evaluate UI quality through accessibility audits, performance metrics, and visual regression testing.
Current Standards (2025):
- Design: WCAG 2.2 Level AA accessibility
- Frameworks: React 18+, Vue 3.5+
- Testing: Playwright 1.48+, axe-core
- Styling: Tailwind CSS, CSS Modules, Styled Components
- Performance: Core Web Vitals (LCP < 2.5s, CLS < 0.1, FID < 100ms)