Claude skills and agent skills

notqueDeletes or force-pushesSkill

frontend-slides

notque/claude-code-toolkit/skills/frontend/frontend-slides/SKILL.md

Browser-based HTML presentation generation.

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

voly-codesSkill

voly-frontend

voly-codes/voly/.claude/skills/voly-frontend/SKILL.md

Guide for working on VOLY Svelte 5 UI — components, API client, styling. Use this skill for any frontend changes in ui/.

nexmoeSkill

frontend-design

nexmoe/DayBee/.agents/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. Generates creative, polished code that avoids generic AI aesthetics.

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

YosemiteCrewSkill

frontend-testing

YosemiteCrew/Yosemite-Crew/.agents/skills/frontend-testing/SKILL.md

Use when writing or fixing tests in apps/frontend. Covers Jest and React Testing Library conventions, targeted test runs, the coverage mandate, Zustand mocking, and common pitfalls.

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

AndrewDrygaSkill

design-frontend

AndrewDryga/emisar/.claude/skills/design-frontend/SKILL.md

Put on the pragmatic front-end hat for the emisar Phoenix UI and marketing HEEx — build correct LiveView/operator UI with CoreComponents and LiveTable, or execute public marketing pages from creative direction with server-rendered HEEx + Tailwind. Use when implementing or changing a LiveView, HEEx template, component, operator UI, or controllers/marketing_html page in apps/emisar_web.

mikeandyerSkill

frontend.red

mikeandyer/claude-skills-frontend-logic-share/frontend.red/SKILL.md

Frontend 紅燈實作執行器。對單一 @frontend .feature 執行完整紅燈流程： Schema Analysis（環境就緒）→ Step Template（骨架生成）→ Red Implementation（實作測試程式碼）。 透過 arguments.yml 的 FRAMEWORK 自動路由框架變體。 當 /frontend.control-flow 呼叫紅燈階段，或使用者說「frontend red」「紅燈」時觸發。

JetBrainsSkill

frontend-design

JetBrains/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

mikemai2awesomeSkill

frontend-a11y

mikemai2awesome/agent-skills/skills/frontend-a11y/SKILL.md

Write minimal, accessible web UI without over-engineering, adapting to whatever stack the project uses — React, Vue, Svelte, Angular, web components, or plain HTML. Use this skill on every project and every task that writes or reviews markup or components, builds forms, adds interactive elements like buttons, dialogs, accordions, or tabs, or audits code for accessibility — even when the user never mentions accessibility, and even inside a framework, CMS, or design system. It's non-negotiable regardless of project type, stack, or deadline. About to reach for ARIA attributes, a dialog library, a focus-trap package, or a headless UI component? Use this skill first.

ModelEngine-GroupSkill

frontend-design

ModelEngine-Group/DataMate/.claude/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

mizchiSkill

frontend-expert

mizchi/skills/frontend-expert/SKILL.md

Frontend architect perspective for the weekly review. Focuses on component design, state management, DOM usage, developer experience, and build configuration. Reads raw JSON from other audit scripts and produces an opinionated perspective report.

YYH211Skill

frontend-design

YYH211/Claude-meta-skill/frontend-design/SKILL.md

Creates unique, production-grade frontend interfaces with exceptional design quality. Use when user asks to build web components, pages, materials, posters, or applications (e.g., websites, landing pages, dashboards, React components, HTML/CSS layouts, or styling/beautifying any web UI). Generates creative, polished code and UI designs that avoid mediocre AI aesthetics.

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

loulanyueSkill

frontend-slides

loulanyue/awesome-claude-notes/skills/frontend-slides/SKILL.md

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.

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

AkaraChenSkill

frontend-design

AkaraChen/aghub/.agents/skills/frontend-design/SKILL.md

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when any design skill requires project context.

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

pekralSkill

frontend-a11y

pekral/cursor-rules/skills/frontend-a11y/SKILL.md

Use when building or reviewing accessible UI in a Laravel app — semantic Blade markup, accessible forms, keyboard navigation with Alpine, focus and live-region management for Livewire updates, contrast, and Filament accessibility.

enrique-lozanoSkill

frontend-design

enrique-lozano/Monekin/.agents/skills/frontend-design/SKILL.md

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

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

vstorm-coSkill

frontend-feature

vstorm-co/agenticos/.claude/skills/frontend-feature/SKILL.md

Build or change a page, view or data-driven feature in the Next.js frontend — a route under the dashboard, wiring UI to a backend endpoint, a Zustand store, a permission that must hide a control, or localized copy. Use for any work in frontend/src, including "the page renders but shows an empty state" and "this button should not be visible to a Viewer".

E4crypt3dSkill

frontend-ui-ux

E4crypt3d/oh-my-qwen/skills/frontend-ui-ux/SKILL.md

Design-first frontend development with modern UI/UX principles. Use when working on design, UI, styling, layout, CSS, responsive design, animations, components, or frontend visual tasks.

MooseDesign1Skill

exec-frontend

MooseDesign1/DDD-DesignDrivenDevelopment/.claude/skills/exec-frontend/SKILL.md

Internal frontend engineering agent for the executor. Writes frontend code for one task at a time using design system components, wiring to APIs, and implementing all states from the design handoff. Called by exec-feature during Stage 3. Never invoked directly by the user.

reachmeshailesh-boopSkill

frontend-ux-ui

reachmeshailesh-boop/codex-skill-pack/skills/frontend-ux-ui/SKILL.md

Build production-grade UX/UI (flows + components) with strong aesthetics, accessibility, and engineering quality. Optimized for Next.js + Tailwind + shadcn/ui + TypeScript.

rumoiiSkill

rumo-frontend

rumoii/rumo-engineering-skills/skills/rumo-frontend/SKILL.md

Use when building, refactoring, or designing frontend pages and components, including a new interface with no existing pattern to follow or a request to improve visual quality or accessibility; starting or troubleshooting a local frontend development server (package scripts, backend proxy, ports, certificates, micro-frontends); or capturing browser evidence such as screenshots or a short GIF when explicitly asked. Do not capture persistent visual evidence merely because frontend code changed, and do not use to diagnose broken behavior in an existing page without a fix request (use rumo-debug).