Skill UI

Guides frontend developers through generating Vue components, offering best-practice patterns, production-ready code, and validation for accessibility and performance.

Auto-activating skill that guides developers through Vue composable creation, offering best practices, production-ready code, and validation while covering React/Vue/CSS/accessibility/performance patterns.

A comprehensive guide for auditing web content against WCAG 2.2 guidelines. This skill assists users in conducting thorough accessibility audits by combining automated scans (Axe, Lighthouse) with critical manual checks, such as keyboard navigation and screen reader flow. It provides actionable remediation strategies to ensure compliance with standards like ADA and Section 508.

Guidelines for reviewing UI code against web interface best practices, covering accessibility, performance, responsive design, component patterns, CSS practices, security, and internationalization during audits or UX evaluations.

Runs a Lighthouse-based audit that combines performance, accessibility, SEO, and best-practice checks, categorizes issues by severity, and recommends targeted fixes for requested site reviews.

Automates guidance for frontend teams to monitor and optimize Web Vitals, offering best practices, code samples, and validation flows aligned with React, Vue, and accessibility standards.

This skill enforces a strict, opinionated baseline for UI development in Tailwind CSS projects. It ensures adherence to best practices concerning accessibility (ARIA), motion, typography, and layout structure. Use it when building complex UI components, reviewing CSS utilities, or preventing sloppy, generic interface design, especially when mitigating potential issues from AI-generated code.

A comprehensive skill for auditing and fixing common HTML accessibility issues, ensuring compliance with WCAG guidelines. It covers critical areas such as ARIA labels, keyboard navigation, focus management, color contrast, and form validation. Use this when developing complex UI components, forms, or any interactive element to guarantee usability for all users.

Use the iOS HIG Design Guide skill to sync Apple’s official Human Interface Guidelines, narrow in on relevant sections, and craft feature-specific UI/UX specs that cite sources, cover accessibility/localization, and make actionable product recommendations for iOS features.

A powerful code review utility designed for SwiftUI projects. It comprehensively analyzes code quality, ensuring adherence to modern Swift APIs, optimal performance, robust data flow management, and compliance with Apple's Human Interface Guidelines and accessibility standards (like VoiceOver and Dynamic Type). Use this tool when writing, refactoring, or reviewing complex SwiftUI implementations to maintain high code hygiene and maintainability.

Orchestrates WCAG 2.2 Level A/AA scans, fixes, and verifications across React, Next.js, Vue, Angular, Svelte, and plain HTML codebases, producing before/after diffs, contrast checks, compliance reports, and CI/CD-ready hooks.

Automates comprehensive end-to-end Quality Assurance (QA) for deployed web applications. This skill performs multi-stage testing, including smoke tests, complex user interactions (forms, authentication), visual regression checks across breakpoints, performance monitoring (Core Web Vitals), and WCAG accessibility audits.