Claude skills and agent skills

nekomangaorgSkill

frontend-artisan

nekomangaorg/Neko/.agents/skills/artisan/SKILL.md

Elevates the Jetpack Compose user interface through micro-UX improvements, animations, accessibility (a11y) fixes, and UI structural polish. Use this skill to extract hardcoded styles to AppTheme, add TalkBack semantics, implement AnimatedVisibility or micro-animations, extract stateless Composables, and add @Preview annotations.

nekomangaorgSkill

frontend-maestro

nekomangaorg/Neko/.agents/skills/maestro/SKILL.md

Orchestrates macro-level UI architecture, complex Jetpack Compose structures, and screen-to-screen flows. Use this skill to implement adaptive layouts (WindowSizeClass), migrate to type-safe Navigation Compose graphs, design cross-module Design Systems, wire complex screen-level state (MVI/MVVM), or orchestrate deep links and multi-screen workflows.

julianoczkowskiSkill

frontend-design

julianoczkowski/designer-skills/frontend-design/SKILL.md

Build distinctive, production-grade frontend interfaces with high design quality, guided by named aesthetic philosophies. Use when building components, pages, or applications. Generates working code with exceptional attention to aesthetic details and creative choices that avoid generic AI output.

Often used withinstantly-campaign·ecosystem-reference·file-reading

butterbase-aiSkill

deploy-frontend

butterbase-ai/butterbase-plugin/skills/deploy-frontend/SKILL.md

Use when deploying a frontend (React, Next.js, or static HTML) to a live URL on Butterbase, or when troubleshooting deployment issues like MIME type errors or blank pages

rommappSkill

frontend-patterns

rommapp/romm/.claude/skills/frontend-patterns/SKILL.md

Cross-cutting feature patterns for the RomM v2 frontend: error/snackbar handling, loading & skeleton states, real-time Socket.IO updates, UI state persistence (URL vs localStorage vs ephemeral), pagination/infinite scroll, forms & validation, permissions (useCan), and destructive confirmations. Use when wiring up a v2 feature's behavior (not just its markup). Trigger when implementing data flows, dialogs, forms, toggles, or permission gating under frontend/src/.

Often used withbrand-discovery·agent-sort·configure-ecc

Indium-AI-LabsSkill

frontend-ship

Indium-AI-Labs/indium-agentkit/skills/frontend-ship/SKILL.md

Build or change a user-facing frontend feature (page, component, form, or client data flow) in the project's existing framework and design system, with the states it needs, WCAG 2.2 AA accessibility, and tests. Use when implementing UI from an agreed brief or API contract in Next.js, Remix or React Router, Vite, Vue or Nuxt, SvelteKit, or Angular apps. Not for UI review (delegate to the frontend-reviewer subagent) or accessibility audits (use the accessibility-audit skill).

endurain-projectSkill

endurain-frontend

endurain-project/endurain/.agents/skills/endurain-frontend/SKILL.md

Endurain frontend conventions (Vue 3, TypeScript, Tailwind v4, shadcn-vue, TanStack Query). Use when adding or changing code in frontend/src or its tests.

databrickslabsSkill

frontend-design

databrickslabs/ontobricks/.claude/skills/frontend-design/SKILL.md

Use when creating or changing OntoBricks templates, page layouts, tabs, cards, forms, or responsive UI behavior.

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

HazATSkill

frontend-design

HazAT/pi-config/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, or applications. Generates creative, polished code that avoids generic AI aesthetics.

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

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