Claude skills and agent skills

anbeimeSkill

frontend-design

anbeime/skill/skills/frontend-design/frontend-design/SKILL.md

网页与数字界面设计师在构建Web页面或应用组件时，若受够了千篇一律的AI味设计，请用此技能。一键生成极具视觉冲击力、排版独特、动效惊艳的生产级前端代码，告别平庸，打造令人难忘的高品质数字界面。

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

BuilderIOSkill

frontend-design

BuilderIO/agent-native/.agents/skills/frontend-design/SKILL.md

Product-specific interface design for an Agent-Native app. Use when creating or changing any user-facing UI, including screenshot feedback, copy or density cleanup, settings, controls, or a visual redesign.

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

steipeteSkill

frontend-design

steipete/agent-scripts/skills/frontend-design/SKILL.md

Frontend UI: pages, apps, components, polished non-generic design.

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

orangehrmSkill

frontend-pages

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

Entry-point reference for OrangeHRM's Vue 3 frontend — the per-page mini-SPA architecture (no vue-router; each backend page-controller mounts one Vue root component into the Twig shell), the four-step page registration flow, plugin-frontend layout under `src/client/src/orangehrm{X}Plugin/`, the three import aliases (`@/`, `@ohrm/core`, `@ohrm/components`) + the external `@ohrm/oxd` design system, the catalog of OXD components actually used in the codebase, the custom `@ohrm/components` layer (DateInput, EmployeeAutocomplete, FileUploadInput, etc.), the typical Vue page file anatomy (mixed Composition + Options API, scoped external SCSS), and full-page navigation via `navigate(url)`. Use whenever the user is adding a new Vue page, editing an existing one, asking "where do I register this component", asking about the OXD design system, debugging "why doesn't my new page render", or working out which import alias to use. Companion skills: `frontend-data` (APIService + composables + validation), `frontend-platform` (i18n + ACL + toaster + navigation), `authorization` (the page-controller side that mounts these Vue components).

nolly-studioSkill

frontend-design

nolly-studio/cult-ui/.agents/skills/frontend-design/SKILL.md

Craft doctrine for building distinctive, polished frontend interfaces. Use when building or reviewing web UI — components, pages, layouts, styling, animation. Covers design direction, typography, surfaces, and motion. Defers to the repo's DESIGN.md for all project-specific choices.

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

pyaephyo11979Skill

frontend-ui

pyaephyo11979/rent4U/.claude/skills/frontend-ui/SKILL.md

Frontend UI Skill Component architecture, styling, and UX guidelines for the Rent4U frontend. ## Stack - **Framework:** React 19 + TypeScript 6 - **Styling:** Tailwind CSS v4 (CSS-first config) - **Routing:** react-router

unreadlogsSkill

frontend-ui

unreadlogs/AutarkChat/skills/frontend-ui/SKILL.md

Use this skill when designing or redesigning a website, web app, or any interface and you want the result to feel intentional and distinctive rather than generic. Covers art direction, typography, color systems, layout, motion, and the craft of interface copy. Load this when a user asks to build a new page, style an existing one, or make something look better.

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.