Claude skills and agent skills

first-flukeSkill

oma-frontend

first-fluke/oh-my-ag/.agents/skills/oma-frontend/SKILL.md

Implement or modify web UI in React, Next.js, or Angular. Use for components, pages, styles, forms, and frontend state or data flows.

first-flukeSkill

oma-frontend

first-fluke/oh-my-ag/skills/oma-frontend/SKILL.md

Implement or modify web UI in React, Next.js, or Angular. Use for

docckerSkill

frontend-dev

doccker/cc-use-exp/.claude/skills/frontend-dev/SKILL.md

前端开发规范，包含 Vue 3 编码规范、UI 风格约束、TypeScript 规范等

affaan-mSkill

frontend-slides

affaan-m/ECC/.agents/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

affaan-mSkill

frontend-slides

affaan-m/ECC/.cursor/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

AnthropicSkill

frontend-design

anthropics/skills/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 withfile-reading·brief-to-tasks·instantly-campaign

rommappSkill

frontend-input

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

Universal input (mouse, touch, keyboard, gamepad) and responsive/universal-viewport layout in the RomM v2 frontend. Use when adding interactive v2 components, focus management, spatial navigation, gamepad/keyboard handling, modality-gated focus rings, breakpoints, or responsive layout. Covers useGamepad, useSpatialNav, useGridNav, the escape stack, useInputModality, useBreakpoint, and the data-bp/data-input attributes. Trigger on interactive or responsive work under frontend/src/.

MicrosoftSkill

tre-frontend

microsoft/AzureTRE/.github/skills/tre-frontend/SKILL.md

Covers conventions, setup and checks for the Azure TRE React and TypeScript UI, including authentication, resource forms and refresh behaviour. Use when you change or review files under ui/app.

bytedanceSkill

frontend-design

bytedance/deer-flow/skills/public/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 withfile-reading·brief-to-tasks·instantly-campaign

nteractReads credentialsSkill

frontend-dev

nteract/desktop/.agents/skills/frontend-dev/SKILL.md

Frontend development for nteract UI/product surfaces, Elements fixtures, hot reload, dev daemon setup, MCP server workflow, TypeScript bindings via ts-rs, and reactive state work that touches RxJS streams, useSyncExternalStore stores, or WASM-backed notebook/runtime projections.

orangehrmSkill

frontend-data

orangehrm/orangehrm/.agents/skills/frontend-data/SKILL.md

Reference for data flow in the OrangeHRM Vue frontend — the `APIService` axios wrapper that mirrors backend `/api/v2/...` routes 1:1, its 401/422 interceptors and ETag-based response caching in prod, the data-loading composables (`usePaginate` for list endpoints with reactive filter/sort, `useSort`, `useInfiniteScroll`), the form composables (`useForm`, `useServerValidation` for backend 422 handshakes, `useAutoFocus`, `usePasswordPolicy`), and the client-side validation rules in `@/core/util/validation/rules.ts` (~40 rules: required, length, dates, times, files, formats, comparisons). Use whenever the user is calling an API from a Vue component, paginating a list, building a form, debugging "why does my filter not re-fetch" or "why does a 401 reload the page", picking a validation rule, or wiring server-side validation back into form fields. Companion to `rest-endpoints`/`rest-validation`/`rest-serialization` (the backend surface), `frontend-pages` (where data hooks up to the UI), and `frontend-platform` (toaster + i18n + ACL).

HHU3637krReads credentialsSkill

frontend-dev

HHU3637kr/skills/frontend-dev/SKILL.md

Use when the user asks to build a polished web UI or frontend experience: landing pages, marketing/product sites, dashboards, cinematic scroll animation, generative art, AI media assets, or conversion copy for a web page. Do not use for pure backend/API work, native mobile apps, Obsidian/plugin development, or HTML-only design prototypes that should use huashu-design.

oil-oilSkill

oil-frontend

oil-oil/oil-frontend/SKILL.md

当任务需要实现、修改、重构或评审产品前端的可见界面、交互行为、前端状态与数据流、组件或样式组织时主动使用，无需用户点名；也用于这些前端行为的测试与验证策略。适用于页面、表单、列表、弹窗、响应式、样式与动效实现和前端代码归属调整。不用于视觉风格、配色、排版与设计方向这类设计判断，也不用于纯后端、构建部署、依赖升级、只修导入路径的机械改动、仅操作现有网站、仅生成设计图片或讨论本 Skill；用户明确要求不使用时不触发。

MicrosoftSkill

frontend-design

microsoft/agent-academy/.github/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 withfile-reading·brief-to-tasks·instantly-campaign

DokploySkill

frontend-design

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

Often used withfile-reading·brief-to-tasks·instantly-campaign

mfish-qfSkill

frontend-crud

mfish-qf/mfish-nocode/.claude/skills/frontend-crud/SKILL.md

为 mfish-nocode-pro 项目前端（Vue3 + TypeScript）生成标准增删改查页面代码，包括 Model、API、data、index.vue、Modal、ViewModal 六个文件。当用户说"帮我生成前端增删改查"、"新增前端页面"、"生成前端CRUD"时使用此 skill。

huoshen80Skill

frontend-test

huoshen80/ReinaManager/.agents/skills/frontend-test/SKILL.md

在 ReinaManager 项目内进行隔离前端验证，复用测试目录并回收测试资源。需要模拟批量数据、延迟、失败或交互回归时使用。

mastra-aiSkill

mastra-frontend

mastra-ai/mastra/.claude/skills/mastra-frontend/SKILL.md

How to build Mastra frontend interfaces with the @mastra/playground-ui design system. This skill should be used when creating or modifying any application UI — pages, components, styling, or tokens — in this repo or in an external consumer of the design system. The docs site has its own styling and is out of scope.

No other project uses it yet

zarazhangruiSkill

frontend-slides

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

app-dev-panelSkill

frontend-dev

app-dev-panel/app-dev-panel/.claude/skills/frontend-dev/SKILL.md

Implement frontend features, components, pages, and modules. Expert in React 19, strict TypeScript, semantic HTML, accessible markup, CSS layout, and maintainable code patterns. Use for any frontend implementation task.