Claude skills and agent skills

affaan-mSkill

frontend-patterns

affaan-m/ECC/.agents/skills/frontend-patterns/SKILL.md

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices. Use when building or reviewing React or Next.js components, state, or render performance.

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

netease-youdaoSkill

frontend-design

netease-youdao/LobsterAI/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

ModelEngine-GroupSkill

nexent-frontend

ModelEngine-Group/nexent/.agents/skills/nexent-frontend/SKILL.md

Use when implementing, debugging, or reviewing Nexent frontend pages, React components, hooks, API services, TypeScript types, styling, or localization under frontend/. Includes UI requests without file paths. Skip backend-only work, Python tests, and documentation-only changes with no frontend behavior.

Galaxy-DawnSkill

frontend-design

Galaxy-Dawn/claude-scholar/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

VercelSkill

frontend-design

vercel-labs/open-agents/.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 (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

home-assistantSkill

ha-frontend-lit

home-assistant/frontend/.agents/skills/ha-frontend-lit/SKILL.md

Home Assistant frontend Lit conventions. Use when working with reactive properties, internal state, DOM queries, lifecycle methods, or render-derived state.

yournextstoreSkill

frontend-design

yournextstore/yournextstore/.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

CloudflareSkill

frontend-design

cloudflare/vibesdk/worker/agents/think/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

lightly-aiSkill

frontend-guide

lightly-ai/lightly-studio/.agents/skills/frontend-guide/SKILL.md

Read before writing or reviewing any frontend code in lightly_studio_view - Svelte, TypeScript, or SvelteKit files. Covers component structure and naming, stores vs runes, absolute vs relative imports, Shadcn and Tailwind usage, Svelte 5 syntax, TanStack Query hooks, bundle size limits, Storybook stories, and vitest conventions.

OpenBMBSkill

frontend-design

OpenBMB/PilotDeck/skills/frontend-design/SKILL.md

前端界面设计原则：视觉层次、布局、色彩、间距、响应式和避免“AI 味”页面。

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

OpenBMBSkill

frontend-slides

OpenBMB/PilotDeck/skills/frontend-slides/SKILL.md

Create animation-rich browser-based HTML presentations from scratch, enhance existing HTML decks, or convert PowerPoint files into web presentations. Use only when the requested deliverable is HTML or a browser presentation; do not use when the user needs an editable native .pptx file.

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

camundaSkill

frontend-feature

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

Use when building or modifying pages, components, modules, routes, data loading, forms, API integration, or UI features — including small changes like a column, filter, or panel — in the orchestration cluster webapp (webapp/client/apps/orchestration-cluster-webapp/).

coleam00Skill

prime-frontend

coleam00/skills/.claude/skills/prime-frontend/SKILL.md

Primes the agent with focused understanding of the frontend portion of the codebase — components, routing, state management, and styling — without loading unrelated backend code. Use at the start of a session when the work is scoped to UI or client-side features. Optionally pulls external task context from Jira issues and Confluence pages first.

MicrosoftSkill

frontend-design

microsoft/agent-academy/docs/cowork-collective/badge-check/assets/SKILL.md

Use this skill when generating reports, tables, or email output to produce polished, self-contained, responsive HTML.

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

RinisnotarobotSkill

ts-frontend

Rinisnotarobot/rinco-pi-skills-commands/skills/stacks/ts-frontend/SKILL.md

React and TypeScript frontend conventions - hooks discipline, component composition, server/client component boundaries, Suspense and error boundaries, data fetching and form actions, memoization and bundling, and component testing with React Testing Library. Use when working in a React or TypeScript frontend - writing or reviewing components, hooks, pages, or TSX, wiring data fetching or forms, tuning render cost, configuring tsconfig or module resolution, or when a React change must reconcile with the project's selected frontend architecture. 中文触发：React、前端组件、hooks、TSX、组件测试

jjyaoaoSkill

frontend-design

jjyaoao/HelloAgents/skills/frontend-design/SKILL.md

Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution. Use when building websites, web applications, React/Vue components, dashboards, landing pages, or any web UI requiring both design consistency and aesthetic quality.

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

MaxMiksaSkill

frontend-polish

MaxMiksa/Auto-Company/.claude/skills/frontend-polish/SKILL.md

Refine an already working product frontend in a dedicated finishing pass, preserving its identity while improving hierarchy, components, copy and responsive behavior. Use after the core flow works or when the user asks for frontend polish; not for product ideation or a new visual direction.

xstongxueSkill

frontend-design

xstongxue/best-skills/skills/frontend-design/SKILL.md

创建具有高设计品质、可交付生产的前端界面。当用户要求构建 Web 组件、页面、海报或应用（如官网、落地页、仪表盘、React/Vue 组件、HTML/CSS 布局，或对任意 Web UI 进行样式/美化）时使用本技能。产出有创意、打磨到位且避免「AI 通用审美」的代码与界面设计。

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

codedogQBYSkill

frontend-design

codedogQBY/ReadAny/.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 (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

fmindSkill

web-frontend

fmind/dot/skills/web-frontend/SKILL.md

Design and build simple browser UIs with HTML, CSS, JavaScript, and Tailwind.