无障碍
无障碍测试与改进
tailwind-design-system
baotoq
Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.
lighthouse-cli
leobrival
Lighthouse CLI expert for web performance auditing. Use when users need to audit performance, accessibility, SEO, best practices, or generate audit reports.
wcag-aaa-web-design
RyanYiRun
Create corporate/formal, device-sensitive web applications compliant with WCAG 2.2 AAA standards. Use for building highly accessible websites and web apps that require strict adherence to accessibility, a formal tone, and responsive design for at least three device sizes. This skill provides a complete workflow, design system, component templates, and validation scripts.
Shadcn UI Designer
anonymze
"Designs modern, clean UI components and pages following Shadcn principles with minimalism, accessibility, and beautiful defaults. Use when building new UI components, redesigning pages, or creating consistent UI or simply wanting to use shadcn."
aria-fair-competition
henry-1981
Korean medical device fair-competition review and drafting skill based on the KMDIA Fair Competition Code (의료기기 거래에 관한 공정경쟁규약). Evaluates activities against the Code, provides traffic-light guidance (GREEN/YELLOW/RED), and supports review or drafting output for internal approval workflows.
primer-design
bas
Create distinctive, production-grade frontend interfaces with high design quality using the primer design system and brand guidelines. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates polished code and UI design that fully conforms to the primer design system.
shadcn-forms
sundaydev-arch
Use when creating or changing form pages, dialog forms, list/detail/empty/error layouts, button loading feedback, or responsive pages. Prefer installed shadcn/ui components; react-hook-form+zod is the only form pattern; defines Form composition, one primary button per page, and desktop enterprise layout.
slideless
leoporto15
Substitui PowerPoint por documentos web HTML single-file (CSS+JS inline, portátil, dark mode nativo, WCAG AA). Seis modelos: handbook (sidebar+TOC tipo GitLab), hub (cards categorizáveis), scrollytelling (narrativa scroll-triggered), site (SPA hash routing), deck (slides com keyboard nav) e report (relatório editorial denso, PDF-friendly). Tema neutro (azul) ou itau (laranja #FF6200). Use quando pedir manual, handbook, portal/hub, scrollytelling, microsite, pitch/all-hands, ou relatório executivo PDF.
accessibility-review
surreptakos
Run a WCAG 2.1 AA accessibility audit on a design or page. Trigger with "audit accessibility", "check a11y", "is this accessible?", or when reviewing a design for color contrast, keyboard navigation, touch target size, or screen reader behavior before handoff.
aholiab-ux
christopheraaronhogg
Provides expert UX analysis, usability assessment, and accessibility audit. Use this skill when the user needs user experience evaluation, accessibility review, or user flow analysis. Triggers include requests for UX review, accessibility audit, or when asked to evaluate usability and user journey patterns. Produces detailed consultant-style reports with findings and prioritized recommendations — does NOT write implementation code.
Webflow Animation Embed
WebLikha-Digital
independently re-initializable.
design-ui-ux-pro-max
baotoq
"UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples."
css-best-practices
jabranr
Guidelines for building modern, performant, and accessible CSS using MDN best practices. Use this when styling components, fixing layout shifts, or optimizing CSS performance.
audit
rakshit-737
Run structured frontend code audits across accessibility, performance, theming, responsive behavior, and visual anti-patterns. Use when the user asks for an accessibility check, performance audit, responsive review, theming review, or a scored technical quality report for a page, feature, or component.
shipwright
Abrainnocuous652
"The only skill you need to build and ship world-class software — from idea to production. Covers the COMPLETE lifecycle: architecture design, domain modeling, service boundaries, data architecture, implementation with TDD, distinctive frontend design (anti-AI-slop), exhaustive QA across all layers, security hardening, scalability and load balancing, reliability engineering, performance optimization, accessibility (WCAG 2.1 AA), CI/CD, observability, and operational excellence. Applies Airbnb/Stripe/Meta-level engineering standards. Use this skill whenever: building something new ('let's build X', 'I have an idea'), designing architecture ('how should I structure this'), taking software live ('make this production ready', 'QA this', 'launch checklist'), or doing targeted work ('harden security', 'polish the UI', 'optimize performance', 'review my code'). One skill to design, build, test, polish, and ship."
ui-ux-design
karchtho
UI/UX design principles, design systems, accessibility, responsive design, and user experience best practices. Activates when discussing layouts, styling, design decisions, user flows, or visual design.
browser-qa
laivannha0202
Verify real web behavior with targeted browser automation, semantic/accessibility snapshots, element bounding boxes, forms, navigation, and fresh interaction evidence while keeping browser context bounded.
vercel-composition-patterns
yldgio
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.
web-design-guidelines
bradsjm
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
UX Designer
coco-de
Designs user experiences, creates wireframes, defines user flows, ensures accessibility. Trigger keywords - UX design, wireframe, user flow, accessibility, WCAG, mobile-first, responsive, UI design, user journey, interface design, user experience, design system, component design, interaction design
writer-workbench
day2561124-art
《武裝學院的二三事》Writer Workbench 的現行頂層操作契約與架構導航。Use when operating, maintaining, or extending the current Writer Workbench architecture, Character Runtime / Cognition, world simulation, writing workflow, or controlled development runtime.
accessibility-compliance
slurpyb
Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA patterns, building for screen readers, or ensuring inclusive user experiences.
frontend-ui-engineering
MGallo-Code
Builds production-quality UIs. Use when building or modifying user-facing interfaces. Use when creating components, implementing layouts, managing state, or when the output needs to look and feel production-quality rather than AI-generated.
ui-ux-design
simplerick0
Design user interfaces and experiences for web applications without requiring design tools. Use for wireframing in text/ASCII, defining user flows, creating component hierarchies, establishing design systems, planning responsive layouts, and making accessibility decisions.