Accessibility

markdown-img-alt-text

by richtabor

Adds detailed alt text to markdown image embeds that are missing it. Supports both Obsidian wiki-style (![[image]]) and standard markdown () formats. Reads each image, describes its content thoroughly, and updates the embed inline. Triggers on "add alt text", "update alt text", "describe images", "missing alt text", or "image descriptions".

Accessibility Design

by omer-metin

Accessibility

by omer-metin

coder-frontend-ui-ux

by OzeroHAX

Frontend UI/UX practices: flows, interaction states, accessibility-first UX, forms, and perceived performance.

browser

by inkeep

"Browser automation with Playwright — navigate pages, fill forms, take screenshots, test responsive design, validate UX, test login flows, check links, inspect network requests, inject JavaScript, monitor console errors, capture network traffic, record video, inspect browser state, run accessibility audits, measure performance, simulate network conditions, discover page structure, persist auth sessions, create annotated GIFs, handle dialogs, dismiss overlays, capture traces, generate PDFs, and download files. Headless by default for CI/Docker. Use when user wants to test websites, automate browser interactions, validate web functionality, or perform browser-based testing. Triggers: playwright, browser test, browser automation, web test, screenshot, responsive test, test the page, automate browser, headless browser, UI test, console errors, console monitoring, network inspection, network capture, accessibility audit, a11y test, performance metrics, web vitals, video recording, browser state, localStorage, network simulation, offline testing, page structure, accessibility tree, authenticated testing, auth state, session reuse, annotated gif, dialog handling, overlay dismissal, cookie banner, tracing, trace viewer, pdf generation, file download, time manipulation, websocket interception."

ui-design-system

by samhvw8

"React UI component systems with TailwindCSS + Radix + shadcn/ui. Stack: TailwindCSS (styling), Radix UI (primitives), shadcn/ui (components), React/Next.js. Capabilities: design system architecture, accessible components, responsive layouts, theming, dark mode, component composition. Actions: review, design, build, improve, refactor UI components. Keywords: TailwindCSS, Radix UI, shadcn/ui, design system, component library, accessibility, ARIA, responsive, dark mode, theming, CSS variables, component architecture, atomic design, design tokens, variant, slot, composition. Use when: building component libraries, implementing shadcn/ui, creating accessible UIs, setting up design systems, adding dark mode/theming, reviewing UI component architecture."

shadcn

by thongdn-it

shadcn/ui component library best practices and patterns (formerly shadcn-ui). This skill should be used when writing, reviewing, or refactoring shadcn/ui components to ensure proper architecture, accessibility, and performance. Triggers on tasks involving Radix primitives, Tailwind styling, form validation with React Hook Form, data tables, theming, or component composition patterns.

vue-dev

by wireless25

"Generate modern, maintainable Vue TypeScript code with best practices: Composition API, script setup with TS, composable patterns over global stores, props destructure, VueUse integration, Tailwind CSS, accessibility, performance optimization, and Vitest testing. Use when creating Vue 3 components, composables, or refactoring Vue code to follow modern patterns."

SKILL.md (Skill Index)

by hideaya2013-alt

-削除ボタンを「ゴミ箱アイコン + window.confirm + db.delete*ã€ã®çµ±ä¸€æ‰‹é †ã§å®Ÿè£…/修正する時に使う。削除確認・A11y・危険色ホバーの共通化を含む。