Claude skills and agent skills

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 withinstantly-campaign·ecosystem-reference·brief-to-tasks

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 withinstantly-campaign·ecosystem-reference·brief-to-tasks

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.

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.

langgeniusSkill

frontend-testing

langgenius/dify/.agents/skills/frontend-testing/SKILL.md

Use when writing or changing Vitest or React Testing Library tests under `web/` or `packages/dify-ui/`, or when the user explicitly requests frontend test strategy, including evaluation of an existing strategy. Do not use for frontend code-review-only requests, general testability discussion, Python tests, or Cucumber/Playwright E2E.

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

langflow-aiSkill

frontend-testing

langflow-ai/langflow/.agents/skills/frontend-testing/SKILL.md

Write, review, and debug Jest and React Testing Library unit and integration tests for Langflow frontend components, hooks, utilities, and Zustand stores.

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

instantX-researchSkill

frontend-ui

instantX-research/skills/skills/frontend-ui/SKILL.md

High-aesthetic frontend UI generator trained on the design DNA of Linear, Vercel, Stripe, Raycast, Resend, Supabase, Anthropic and 10+ other benchmark products. Analyzes reference URLs or screenshots to extract design DNA (color, typography, spacing, motion), generates pixel-perfect production code, and saves extracted styles as reusable template skills. 26 curated palettes, anti-AI-slop enforced: real design systems, typographic craft, 8px grid discipline. Use when asked to "build UI", "design a page", "clone this style", "make it look like X", or "generate frontend". Proactively suggest when user shares a URL/screenshot for inspiration.

WomenDefiningAISkill

frontend-ui

WomenDefiningAI/claude-code-skills/skills/frontend-ui/SKILL.md

Create aesthetically pleasing, visually distinctive frontend UIs using research-backed prompting strategies from Anthropic's frontend aesthetics cookbook

windmill-labsSkill

svelte-frontend

windmill-labs/windmill/.agents/skills/svelte-frontend/SKILL.md

Svelte coding guidelines for the Windmill frontend. MUST use when writing or modifying code in the frontend directory.

No other project uses it yet

coderSkill

frontend-review

coder/coder/.claude/skills/frontend-review/SKILL.md

Diff-scoped self-review of frontend changes under site/src against the FE pattern rules (FE1-FE10) before creating or updating a PR. Use whenever a branch diff touches site/src files.

GPireReads credentialsSkill

frontend-3d

GPire/claude-skills-swarm/frontend-3d/SKILL.md

Frontend avanzato: React, Angular, Vite, WebGL, Three.js, GSAP, Unity WebGL, Unreal Engine, GitHub Pages, ecommerce frontend, animazioni avanzate, shader GLSL, fisica 3D, performance 3D, R3F (React Three Fiber), Drei, Cannon.js, Rapier, motion design, scroll-driven animations, CSS avanzato, design system in codice. Attiva quando l'utente vuole Three.js, WebGL, GSAP, animazioni, 3D nel browser, shader, R3F, effetti visivi avanzati, frontend interattivo.

alekspetrovSkill

frontend-test

alekspetrov/navigator/skills/frontend-test/SKILL.md

Generate frontend component tests (React Testing Library, Vue Test Utils, snapshot) for existing components. Auto-invoke when user says "test this component", "write component test", or "add component test".

YosemiteCrewSkill

frontend-sonar

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

Use when fixing SonarQube issues in apps/frontend or writing Sonar-clean code. Contains the full enforced rule set with examples and quick fixes.

MicrosoftSkill

frontend-design

microsoft/MicroHack/03-Azure/01-04-AI/01_Agentic_SDLC/.github/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 withinstantly-campaign·ecosystem-reference·brief-to-tasks

databasusSkill

frontend-design

databasus/databasus/.agents/skills/frontend-design/SKILL.md

Apply Databasus design conventions when changing frontend UI layout, styling, controls or visible copy. Covers theme ownership, accessible interaction and responsive form presentation.

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

RostislavDuginSkill

frontend-design

RostislavDugin/postgresus/.agents/skills/frontend-design/SKILL.md

Apply Databasus design conventions when changing frontend UI layout, styling, controls or visible copy. Covers theme ownership, accessible interaction and responsive form presentation.

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

vudovnReads credentialsSkill

frontend-design

vudovn/ag-kit/.agents/skills/frontend-design/SKILL.md

Anti-slop frontend design for web UI — landing pages, portfolios, marketing/product sites, and redesigns. Reads the brief, infers the right direction, and ships interfaces that don't look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check. NOT for mobile apps.

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