无障碍
无障碍测试与改进
chief-architect
salamonimre
A projekt rendszertervezője, aki technológiai és strukturális döntéseket hoz, modulokat és interfészeket tervez, kódot review-ol architektúra szempontból, és gondoskodik róla hogy a kódbázis karbantartható és bővíthető maradjon. Használd ezt a skillt, ha új modult vagy funkciót kell tervezni, ha technológiai döntés kell (könyvtár választás, adatformátum, architektúra pattern), ha refactor szükséges, ha egy kód review architektúra szempontból fontos, vagy ha a felhasználó olyan szavakat használ mint "tervezd meg", "hogy nézzen ki", "hova tegyem", "milyen struktúra", "refactor", "miért így csináltuk". Akkor is triggereld, ha meglévő tervhez kell visszanyúlni és módosítani (pl. új feature illeszkedése a meglévő architektúrába). Ne használd egyszerű bugfixhez vagy teszt íráshoz – azok más szerepek felelőssége.
web-perf
nicholasgriffintn
Audits web performance using Chrome DevTools MCP. Measures Core Web Vitals, finds render-blocking resources, dependency chains, layout shifts, caching issues, and accessibility gaps. Use for audits, profiling, debugging, or optimising page load performance and Lighthouse scores.
solid-js-best-practices
richardcarls
"Solid.js best practices for AI-assisted code generation, code review, refactoring, and debugging reactivity issues. Use when working in any SolidJS project or codebase — writing components, auditing code, migrating from React, fixing signals and fine-grained reactivity bugs, or integrating web component libraries. 59 rules across 9 categories (reactivity, components, control flow, state management, refs/DOM, performance, accessibility, testing, web component integration) ranked by priority."
browser-qa
texugo7badger
Use this skill to automate visual testing and UI interaction verification using browser automation after deploying features.
spell-enchant
codemagicianhq
Use PROACTIVELY when a PRD should be enhanced — UX, accessibility, security, performance — before implementation.
browser-control
nikcli
Autonomously control, inspect, test, and record real web pages through a background headless-browser daemon, producing screenshots, GIF, MP4, a manifest, and PR-ready Markdown. Use whenever the user asks to test, check, exercise, or verify a web UI, frontend flow, dashboard, or browser regression, including requests such as "testa la UI", "verifica questa pagina", "registra il flusso nel browser", or "includilo nella PR".
tailwind
display-design-studio
Tailwind CSS v4 best-practices skill covering utility-first patterns, @theme variables, responsive design, dark mode, custom styles, performance, accessibility, and a Figma-to-Tailwind theme generation workflow. Use when the user mentions Tailwind, tailwindcss, @theme, utility classes, Tailwind config, Figma design tokens, or asks to build, configure, audit, or migrate a Tailwind CSS project (including v3 to v4 migrations).
ui-design-analyzer
tomwangowa
Analyze UI/UX design from screenshots. Use this Skill when the user asks to analyze UI design, review interface screenshots, check design quality, evaluate user experience, or get design improvement suggestions.
accessibility
texugo7badger
Design, implement, and audit inclusive digital products using WCAG 2.2 Level AA
faq-page
texugo7badger
A Frequently Asked Questions (FAQ) page with collapsible accordion sections, search functionality, and category filtering. Use when the brief asks for "FAQ", "help center", "questions", or "support page".
aesthetic
zircote
Create aesthetically beautiful interfaces following proven design principles. Use when building UI/UX, analyzing designs from inspiration sites, generating design images with ai-multimodal, implementing visual hierarchy and color theory, adding micro-interactions, or creating design documentation. Includes workflows for capturing and analyzing inspiration screenshots with chrome-devtools and ai-multimodal, iterative design image generation until aesthetic standards are met, and comprehensive design system guidance covering BEAUTIFUL (aesthetic principles), RIGHT (functionality/accessibility), SATISFYING (micro-interactions), and PEAK (storytelling) stages. Integrates with chrome-devtools, ai-multimodal, media-processing, ui-styling, and web-frameworks skills.
ag-grid
joabgonzalez
"Advanced data tables with AG Grid. Trigger: When implementing AG Grid tables, configuring features, or creating custom cell renderers."
faion-accessibility-specialist
faionfaion
"Accessibility: WCAG compliance, assistive technologies, inclusive design."
me:loop:rgaa-until-clean
kbrdn1
Loop auto-cadencé — relance l'audit d'accessibilité automatisé (axe-core / pa11y) sur les routes modifiées, corrige les violations via la skill me:rgaa, et reboucle jusqu'à 0 violation automatiquement détectable, max 6 itérations. Déclencheurs : "/me:loop:rgaa-until-clean", "lance le loop rgaa-until-clean", "boucle a11y jusqu'à clean", "corrige l'accessibilité jusqu'à ce que axe passe".
aesthetic
duongductrong
Create aesthetically beautiful interfaces following proven design principles. Use when building UI/UX, analyzing designs from inspiration sites, generating design images with ai-multimodal, implementing visual hierarchy and color theory, adding micro-interactions, or creating design documentation. Includes workflows for capturing and analyzing inspiration screenshots with chrome-devtools and ai-multimodal, iterative design image generation until aesthetic standards are met, and comprehensive design system guidance covering BEAUTIFUL (aesthetic principles), RIGHT (functionality/accessibility), SATISFYING (micro-interactions), and PEAK (storytelling) stages. Integrates with chrome-devtools, ai-multimodal, media-processing, ui-styling, and web-frameworks skills.
faion-frontend-developer
faionfaion
"Frontend: Tailwind, CSS-in-JS, design tokens, UI libraries, PWA, accessibility."
aside-browser
kbrdn1
Read when you need a browser automation (QA, element interaction, screencapture/snapshot, network capture, so on), or have to work across user's logged-in accounts, apps (e.g. Slack, X, LinkedIn, etc.), memory, and browsing history.
suanfish-design-system
SuanFishXYY
Suanfish Design System — A unified multi-agent design language system with 14 specialized agents across 6 tiers and a REJECT mechanism for opinionated AI-driven UI generation. Governs both first-impression onboarding moments (welcome, version updates) and steady-state interfaces (three-pane layouts, modals, wizards, data viz). Activate when designing, generating, auditing, or refactoring any UI surface. 算鱼工作室的统一多智能体设计语言体系，14 位专精 agent 协同工作，分布在 6 个 tier，搭载 6 条 REJECT 硬规则。
swift-accessibility
madebyecho
Automatically applies accessibility best practices to Swift projects (SwiftUI and UIKit). Use when working on iOS/macOS projects that need VoiceOver support, Dynamic Type, WCAG compliance, or accessibility audits. Triggers on Swift accessibility tasks, a11y improvements, or when the user mentions accessibility, VoiceOver, or Dynamic Type.
web-design-guidelines-6
ZackKorman
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".
web-design-guidelines-8
ZackKorman
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".
web-design-guidelines-4
ZackKorman
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".
web-design-guidelines-9
ZackKorman
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".
web-design-guidelines-5
ZackKorman
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".