Skill UI

Master modern Tailwind CSS v4 development with CSS-first configuration, container queries, and design tokens. Learn responsive layouts, dark mode, and component extraction strategies for efficient frontend engineering.

This skill reviews UI code for design system compliance, accessibility standards, and best practices. It checks for hardcoded values, component conventions, mobile responsiveness, performance optimization, typography consistency, and visual coherence. It ensures code aligns with established design tokens and accessibility guidelines like WCAG.

Rigorous visual validation expert specializing in UI testing, design system compliance, and accessibility verification. Uses visual regression tools and systematic analysis to verify UI modifications, responsiveness, and cross-platform consistency.

This workflow covers comprehensive WordPress theme development including architecture, template hierarchy, and custom post types. It supports block editor integration, responsive design, and implements new WordPress 7.0 features like DataViews and Pattern Editing. Suitable for creating custom themes, converting designs, and building child themes with modern admin interfaces.

Read-only design review of an existing Power Pages site, from a live URL or local project folder. Captures up to eight key pages at desktop and mobile, scores them against a design rubric (first impression, hierarchy, narrative, copy, trust, brand, responsive design, motion, detail), and returns prioritized, concrete recommendations.

Guides production frontend design and UI/UX review using Better Design MCP, covering components, design systems, accessibility, responsive layouts, motion, and cross-platform interfaces.