Accessibility
Accessibility testing and improvements
component-architecture
by mgd34msu
"Load PROACTIVELY when task involves designing or building UI components. Use when user says \"build a component\", \"create a form\", \"add a modal\", \"design the layout\", or \"refactor this page\". Covers component composition and hierarchy, prop design and typing, render optimization (memo, useMemo, useCallback), compound component patterns, controlled vs uncontrolled forms, file organization, and accessibility for React, Vue, and Svelte."
component-interface-design
by qodex-ai
Design interfaces using component libraries and design systems. Creates cohesive UIs with pre-built accessible component primitives.
ppq-dl
by DongLiyaaa
ppq-dl 亚马逊卖家数据采集与分析 skill,通过 cdp-bridge MCP 接入真实 Chrome/Chromium 浏览器会话,抓取 Amazon 页面实时信息。重点用于采集商品详情、标题、价格、评分、评论数、库存、BSR、A+、图片、店铺 ASIN;分析关键词搜索结果中的自然位、广告位、目标 ASIN 排名、广告密度、价格带、评论断层和竞品分布;支持关键词发现、排名快照、类目穿透、榜单扫描、店铺监控和选品判断。触发词:亚马逊商品信息、抓取商品、关键词自然位、广告位、关键词排名、目标 ASIN 排名、竞品分析、产品情报、BSR、类目穿透、店铺监控、竞对上新、选品判断、ppq-dl。
gui-agent
by Fzkuji
"ALL interactions with ANY app — whether built-in (Finder, Safari, System Settings) or third-party (WeChat, Chrome, Slack) — MUST go through this skill. Clicking, typing, reading content, sending messages, navigating menus, filling forms: everything uses visual detection (screenshot → template match → click). This is the ONLY way to operate apps. Never bypass with CLI commands, AppleScript, or Accessibility APIs."
auth_patterns
by vuralserhat86
Master authentication and authorization patterns including JWT, OAuth2, session management, and RBAC to build secure, scalable access control systems. Use when implementing auth systems, securing APIs, or debugging security issues.
accessibility_testing
by vuralserhat86
Guide for conducting comprehensive accessibility audits of code to identify WCAG compliance issues and barriers to inclusive design. This skill should be used when reviewing accessibility, ARIA implementation, keyboard navigation, or screen reader compatibility.
backend_api
by vuralserhat86
REST uygulama, validation, security headers, auth patterns. ⚠️ Kod yazarken kullan. API tasarımı/GraphQL için → api-design.
backend_database
by vuralserhat86
Repository pattern, transactions, caching ve query optimization.
design_responsive
by vuralserhat86
Breakpoints, fluid typography, container queries ve modern CSS features.
canvas_design
by vuralserhat86
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
docs_api
by vuralserhat86
OpenAPI/Swagger API documentation ve endpoint belgeleme şablonları.
better_auth
by vuralserhat86
The ultimate authentication and authorization skill. Implement login, signin, signup, registration, OAuth, 2FA, MFA, passkeys, and user session management. Secure your application with RBAC and access control.
design_patterns
by vuralserhat86
Visual hierarchy, z-index, shadows, animations ve white space kuralları.
api_design
by vuralserhat86
API tasarımı, GraphQL schema, OpenAPI spec, versioning. ⚠️ Tasarım aşaması için kullan. Uygulama/security için → backend-api.
design_tokens
by vuralserhat86
8-point grid spacing, typography scale ve color system. Temel tasarım değişkenleri.
backend_core
by vuralserhat86
Node.js/TypeScript temel prensipler, proje yapısı ve TypeScript strict mode kuralları.
ux-ui
by aviflombaum
UX/UI design principles for clean, intuitive interfaces. Use when designing layouts, improving usability, planning information architecture, or ensuring accessibility. Triggers on "user experience", "usability", "information architecture", "accessibility", "interaction design".
gc-review-bilingual
by dougkeefe
Review code for Government of Canada Official Languages Act compliance. Checks for hardcoded strings, dictionary parity between English/French translation files, locale-aware routing, date/number formatting, and accessibility attribute translations. Use when reviewing code for bilingual support, i18n compliance, French/English translation coverage, or OLA requirements.
gc-review-a11y
by dougkeefe
Accessibility (A11y) reviewer for WCAG 2.1 Level AA compliance - checks semantic HTML, ARIA patterns, focus management, text alternatives, visual integrity, language of page/parts, form input purpose, and GC-specific patterns (WET-BOEW, Canada.ca) in code changes following the Standard on Web Accessibility
legal
by Tyler-R-Kendrick
Use when identifying legal, regulatory, and compliance considerations that affect software companies operating globally. Covers data privacy, intellectual property, open-source licensing, AI regulation, accessibility, export controls, financial regulation, healthcare, cybersecurity compliance, and more. USE FOR: legal risk identification, regulatory compliance overview, jurisdiction mapping, legal topic discovery, risk and compliance consultation triggers, understanding which laws apply to software products DO NOT USE FOR: actual legal advice (consult a licensed attorney), drafting legal documents, specific legal interpretation for your situation
testing
by Tyler-R-Kendrick
Use when choosing a testing strategy, right-sizing test coverage, or understanding test categories. Covers the Test Trophy model, test type tradeoffs, and guidance on balancing static analysis, unit, integration, and end-to-end tests. USE FOR: testing strategy, Test Trophy, test type selection, right-sizing test coverage, balancing test categories, choosing testing tools, test automation architecture DO NOT USE FOR: specific test category implementation (use static-analysis, unit-testing, integration-testing, e2e-testing, etc.), BDD specification authoring (use specs/documentation/gherkin)
wcag-audit-operable-motion
by Jkense
Route animation and movement accessibility design considerations
wcag-audit-understandable-forms-deep
by Jkense
Form design accessibility rules for user input and data collection
wcag-audit-perceivable-text-deep
by Jkense
Comprehensive typography accessibility rules for text design and readability