Claude skills and agent skills

clideySkill

new-frontend-page

clidey/whodb/.agents/skills/new-frontend-page/SKILL.md

Add a new page/route to the WhoDB frontend with proper localization and routing

linxuan-sysSkill

frontend-design

linxuan-sys/opencode-skills-chinese/frontend-design/SKILL.md

创建独具特色、生产级别的高质量前端界面。当用户要求构建Web组件、页面或应用，且视觉效果与代码质量同等重要时使用。

Often used withinstantly-campaign·ecosystem-reference·brief-to-tasks

camundaSkill

tasklist-frontend

camunda/camunda/.agents/skills/tasklist-frontend/SKILL.md

Use when building, changing, or testing Tasklist features in the orchestration cluster webapp (webapp/client/apps/orchestration-cluster-webapp/src/tasklist/). Trigger for Tasklist pages, modules, components, hooks, stores, routes, or schema — even small changes like a column, filter, or panel — and questions about Tasklist pod structure and conventions.

cyanluna-gitSkill

review-frontend

cyanluna-git/cyanluna.skills/review-frontend/SKILL.md

Frontend 코드 리뷰. PR의 프론트엔드 코드를 컴포넌트 설계, 상태 관리, 렌더링 성능, 접근성 관점으로 분석. 사용법: /review-frontend <PR_URL>

GoogleSkill

frontend-design

google/capsem/skills/frontend-design/SKILL.md

Capsem frontend design system. Use when building UI components, styling views, choosing colors, or working with Svelte 5 runes and the component library.

Often used withinstantly-campaign·ecosystem-reference·brief-to-tasks

RedWoodOGSkill

frontend-design

RedWoodOG/Hermes-Desktop/skills/claude-code/frontend-design/SKILL.md

Frontend development with modern frameworks, responsive design, and accessibility best practices.

Often used withinstantly-campaign·ecosystem-reference·brief-to-tasks

OpenHandsSkill

frontend-design

OpenHands/extensions/skills/frontend-design/SKILL.md

Create distinctive, production-grade frontend interfaces with high design quality. 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 creative, polished code and UI design that avoids generic AI aesthetics.

Often used withinstantly-campaign·ecosystem-reference·brief-to-tasks

Ohh-889Skill

frontend-testing

Ohh-889/skyroc-admin/.agents/skills/frontend-testing/SKILL.md

Generate Vitest + React Testing Library tests for Dify frontend components, hooks, and utilities. Triggers on testing, spec files, coverage, Vitest, RTL, unit tests, integration tests, or write/review test requests.

Often used withbackend-code-review·frontend-code-review

Ohh-889Skill

frontend-testing

Ohh-889/skyroc-admin/.claude/skills/frontend-testing/SKILL.md

Generate Vitest + React Testing Library tests for Dify frontend components, hooks, and utilities. Triggers on testing, spec files, coverage, Vitest, RTL, unit tests, integration tests, or write/review test requests.

Often used withbackend-code-review·frontend-code-review

devantler-techSkill

frontend-design

devantler-tech/ksail/.agents/skills/frontend-design/SKILL.md

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

Often used withinstantly-campaign·ecosystem-reference·brief-to-tasks

rongxinzySkill

frontend-design

rongxinzy/RongxinAI/SKILLs/frontend-design/SKILL.md

Create distinctive, production-grade frontend interfaces with high design quality. 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 creative, polished code and UI design that avoids generic AI aesthetics.

Often used withinstantly-campaign·ecosystem-reference·brief-to-tasks

bestdeejay-designSkill

frontend-a11y

bestdeejay-design/agent-skills/skills/frontend-a11y/SKILL.md

Deep accessibility (a11y) audit of a webpage or static HTML/CSS, mapped to the full Front-End-Checklist Accessibility category (95 rules) — far beyond the ~12 basic rules in frontend-perfection. Runs offline static checks (Python stdlib, no browser/network) for structure, ARIA validity, headings, landmarks, tables, forms, media tracks, lists, and CSS signals; documents an optional Playwright+axe-core runtime runner for computed contrast, focus order, live regions, modal traps, and reflow; and lists manual screen-reader checks. Use it to audit, fix, or verify accessibility: 'accessibility audit', 'a11y check', 'wcag', 'wcag audit', 'wcag compliance', 'axe', 'contrast check', 'aria', 'screen reader test', 'keyboard navigation', 'keyboard trap', 'focus trap', 'accessibility testing', 'make it accessible', 'check this page for a11y', 'проверь доступность', 'глубокая доступность'. Also triggered when the /frontend orchestrator or mobile-frontend needs the deep a11y domain.

EsraMulkpinarSkill

frontend-prime

EsraMulkpinar/prime-frontend-skills/skills/frontend-prime/SKILL.md

Build distinctive, production-grade frontend interfaces. Use when creating any web UI — sites, apps, dashboards, components. Focuses on design quality and avoiding generic AI aesthetics. Composable with other skills (docx, pdf, xlsx).

irahardiantoSkill

frontend-design

irahardianto/awesome-agv/.agents/skills/frontend-design/SKILL.md

Generates distinctive, production-grade frontend interfaces and artifacts (React, Vue, HTML/CSS). Prioritizes bold aesthetics, unique typography, and motion to avoid generic designs. Use when building websites, landing pages, dashboards, posters, or when the user requests to style, beautify, or create visually striking UI.

Often used withinstantly-campaign·ecosystem-reference·brief-to-tasks

QinghongLinSkill

frontend-design

QinghongLin/data2story-skill/skills/frontend-design/SKILL.md

Reusable UI/visual-design system for building polished, distinctive, multimedia-rich self-contained HTML stories. A shared reference library that the Data2Story Designer and Programmer borrow from so every blog looks intentional and editorial rather than generic. Not a pipeline stage — a design source.

Often used withinstantly-campaign·ecosystem-reference·brief-to-tasks

zeuikliSkill

frontend-design

zeuikli/claude-code-workspace/.claude/skills/frontend-design/SKILL.md

引導 Claude 產出高品質的前端設計，避免 AI 生成的通用風格（AI slop）。包含字型、色彩、動態、背景的設計指引。

Often used withinstantly-campaign·ecosystem-reference·brief-to-tasks

exelearningSkill

frontend-module

exelearning/exelearning/.agents/skills/frontend-module/SKILL.md

Change vanilla JavaScript UI modules in public/app/, including DOM state, events and localization.

REPOZYSkill

frontend-design

REPOZY/superpowers-optimized/skills/frontend-design/SKILL.md

MUST USE for any frontend, UI, or web interface implementation. Enforces production-grade visual quality, accessibility, responsive design, and professional polish. Triggers on: "build a UI", "frontend", "website", "landing page", "dashboard", "make it look professional", any React/Vue/Svelte/HTML component work. Routed by using-superpowers, or invoke directly via /frontend-design.

Often used withinstantly-campaign·ecosystem-reference·brief-to-tasks

hamzafarooqSkill

frontend-slides

hamzafarooq/claude-code-starter/.claude/skills/frontend-slides/SKILL.md

Create stunning, animation-rich single-file HTML presentations from scratch or by converting a PowerPoint (.pptx) file. Use when the user wants to build a presentation, convert a PPT to web format, or create slides for a talk, pitch, or demo. Shows 3 visual style previews before building the full deck — no design experience needed.

Often used witheverything-claude-code·everything-claude-code-conventions·nextjs-turbopack

luongnv89Skill

frontend-design

luongnv89/skills/skills/frontend-design/SKILL.md

Build production-grade frontend interfaces with distinctive aesthetics and working code. Use for UI components, pages, or frontend features. Don't use for backend/API work or usability-only audits.

Often used withinstantly-campaign·ecosystem-reference·brief-to-tasks