Accessibility
Accessibility testing and improvements
aesthetic
by hainamchung
Create aesthetically beautiful interfaces following proven design principles. Use when building UI/UX, analyzing designs from inspiration sites, generating design images, implementing visual hierarchy and color theory, adding micro-interactions, or creating design documentation. Integrate localized specialized skills (chrome-devtools, ImageMagick) with native vision intelligence to achieve premium aesthetic standards.
creative-coder
by mae616
Translate motion, interaction, and visual experience into implementable constraints while preserving accessibility and performance. Apply when working on animations, transitions, scroll effects, or micro-UX.
accessibility-engineer
by mae616
Apply semantic HTML/JSX and WAI-ARIA correctly and minimally. Apply when implementing any UI, especially forms, interactive components, or when accessibility is mentioned.
modern-accessible-html-jsx
by academind
Write clean, modern, and highly accessible HTML & JSX code, using semantically correct elements and attributes
usability-psychologist
by mae616
Evaluate UI/flows from cognitive load, error prevention, and accessibility perspectives. Apply when reviewing UX, discussing user confusion, high drop-off, or form usability issues.
ui-ux-spec-genome
by okwinds
"A portable, reproducible UI/UX spec standard: scan a frontend repo for UI sources and scaffold a ui-ux-spec documentation bundle (tokens, global styles, components, patterns, pages, a11y). Also supports plan-driven UI-only refactors based on an existing ui-ux-spec. Excludes business logic and domain workflows."
ux-journey
by lukeslp
Comprehensive UX analysis coordinating design, accessibility, and gamification agents for user flow and interaction evaluation.
react-to-svelte
by Tsurgcom
Convert React components to Svelte 5 using runes syntax. Handles hooks, pure components, JSX, effects, context, refs, events, and accessibility.
Color Palette Generator
by jmsktm
Create beautiful, accessible color schemes for any project
simulator-settings
by igor1309
Tweak iOS simulator settings via xcrun simctl. Use when granting app permissions, changing UI appearance, simulating location, or overriding status bar. Triggers on "simulator settings", "grant permission", "privacy", "dark mode", "light mode", "location", "status bar", "simctl".
site-audit
by mattbutlerengineering
"Audit mattbutlerengineering.com: smoke/sweep/scout modes. Invoke: /site-audit [smoke sweep scout]."
css
by cuioss
Modern CSS standards covering native nesting, cascade layers, Container Queries, custom properties, responsive design, accessibility, and PostCSS/Stylelint tooling
bobby-browser
by cavi-ai
Drive the bobby-browser automation runtime over its MCP surface. Use whenever the task involves browsing a page, filling or submitting a form, extracting page data, taking screenshots, reading cookies or network logs, hitting a captcha or verification widget, or checkpointing and recovering a browser workflow. Covers session setup, intent tools, evidence, error handling, and recovery.
geniml
by hxk622
This skill should be used when working with genomic interval data (BED files) for machine learning tasks. Use for training region embeddings (Region2Vec, BEDspace), single-cell ATAC-seq analysis (scEmbed), building consensus peaks (universes), or any ML-based analysis of genomic regions. Applies to BED file collections, scATAC-seq data, chromatin accessibility datasets, and region-based genomic feature learning.
code-review
by jcdendrite
"Principal-engineer review before presenting code. Also the gate on git commit. TRIGGER when: code is about to be presented, a commit is pending, or the user asks for a review. skill-review, agent-review, and ai-instruction-and-memory-files run from inside this review, never instead of it; plan-review gates separately and also fires. DO NOT TRIGGER when: a fresh code-review-markers/ entry already covers the staged diff."
playwright
by fellipeutaka
Write, debug, and maintain Playwright end-to-end tests for web applications. Use when working with Playwright test files, configuring playwright.config.ts, writing browser automation, debugging flaky E2E tests, setting up authentication for tests, API mocking/interception, visual regression testing, accessibility testing, or CI/CD integration for browser tests. Triggers: Playwright, E2E test, end-to-end, browser test, @playwright/test, playwright.config, page object model, test fixture, visual snapshot, trace viewer.
accessibility-design
by KentoShimizu
"Accessibility-first design workflow for specifying semantics, keyboard/focus behavior, readability, and assistive-technology expectations. Use when UI accessibility behavior must be defined before implementation or design sign-off; do not use for backend data modeling or deployment pipeline decisions."
frontend-patterns
by webdevtodayjason
Modern frontend architecture patterns for React, Next.js, and TypeScript including component composition, state management, performance optimization, accessibility, and responsive design. Use when building UI components, implementing frontend features, optimizing performance, or working with React/Next.js applications.
code-review
by smallnest
Frontend-focused code review skill for React/TypeScript/Tailwind projects. Analyzes code quality, security vulnerabilities (XSS, CSRF), performance issues, accessibility (WCAG), React best practices, hooks usage, component architecture, responsive design, and SEO. Use when users request code review, want feedback on components, ask about frontend security, performance optimization, or accessibility compliance. Provides actionable feedback with severity levels and fix suggestions.
accessibility
by TurboSnails
Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".
Accessibility Test Agent
by Eli-yu-first
"Audit web applications for WCAG compliance with detailed remediation suggestions"
playwright-e2e-testing
by ils15
Write end-to-end tests with Playwright for web applications. Includes fixtures, page objects, test templates, visual regression testing, and accessibility audits.
ui-ux-pro-max
by julianromli
"UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). 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."
web-design-guidelines
by julianromli
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".