agentleFS
Sign inSign up

Claude skills and agent skills

Skills real projects publish on GitHub, most starred first. Each one says what it will make an agent do before you copy it.

Popular:code reviewtestingpdfMCP serverfrontendsecuritydocumentation
Best matches · from page 4Worked for most · soon
“frontend” remove filterHiding risky files remove filter
cenconq25Skill

team-frontend

cenconq25/claude-code-app-studio/.claude/skills/team-frontend/SKILL.md

Orchestrate the mobile UI build. Coordinates lead-developer, framework specialist (RN/Flutter/iOS/Android), state-management specialist, and animation-specialist to ship a feature's frontend layer end-to-end.

405mo agoDiscuss
HK-hubSkill

frontend-vue

HK-hub/AgentSkills/frontend-vue/SKILL.md

Professional Vue.js development skill covering Nuxt 3, Vue 3 Composition API, Tailwind CSS, and the Vue ecosystem. Use this skill when building Vue applications, implementing Nuxt features, using Pinia for state management, or component libraries like shadcn-vue.

67mo agoDiscuss
lawless-mSkill

web-frontend

lawless-m/claude-skills/.claude/skills/Web Frontend/SKILL.md

Use when building an elaborate multi-component claude.ai HTML artifact needing state, routing, or shadcn/ui — not for simple single-file artifacts.

64d agoDiscuss
vorlaxen-labsSkill

web-frontend

vorlaxen-labs/Agent-Skills/skills/web/frontend/SKILL.md

Frontend decision boundaries. Constrain decisions, not implementations. Use for web UI components, pages, forms, client-side state, and frontend code.

628d agoDiscuss
dtsolaSkill

frontend-design

dtsola/xiaoyaosearch/.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.

1.1k5mo agoDiscuss
wk42worldworldSkill

frontend-design

wk42worldworld/cybercode/.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.

1k5mo agoDiscuss
xviroboticsSkill

frontend-design

xvirobotics/metabot/.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.

9886mo agoDiscuss
freestyleflySkill

frontend-design

freestylefly/wesight/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.

9275mo agoDiscuss
fmindSkill

web-frontend

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

Build accessible browser UIs with HTML, CSS, JavaScript, and Tailwind; check compatibility.

510d agoDiscuss
AgentWorkforceSkill

frontend-design

AgentWorkforce/relay/.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.

8539d agoDiscuss
zwy123zwySkill

frontend-js

zwy123zwy/agent/skills/frontend-js/SKILL.md

前端面试之 JavaScript。考查闭包、原型链、作用域、Event Loop、Promise/async、ES6+、手写题（防抖/节流/深拷贝等）。适用于考我 JS、考我 JavaScript、前端面试 闭包 时调用。

08mo agoDiscuss
coroborosSkill

frontend-dev

coroboros/agent-skills/skills/frontend-dev/SKILL.md

Build and improve frontend pages, dashboards, forms and components, including award-design's committed build chunks. Use for implementation, everyday UI design and scoped visual changes. Preserve DESIGN.md and chunk boundaries; validate the affected surface and applicable states. Award-level visual direction and review belong to award-design; single-token edits to design-system.

44d agoDiscuss
yeaboi-aiSkill

web-frontend

yeaboi-ai/yeaboi.ai/.agents/skills/web-frontend/SKILL.md

Browser-surface conventions — the yeaboi-web-assets boundary, the contracts/web/ artifacts the front-end repo vendors, the assets.py/brand.py/security.py split, CSP and export inertness, payload rules, and the two Python/TS wire guards. Use when touching src/yeaboi/web/, contracts/web/, any exporter, or a share/board surface.

410d agoDiscuss
TashanGKDSkill

frontend-brand

TashanGKD/tashan-cursor-skills/skills/frontend-brand/SKILL.md

他山前端品牌设计系统完整参考手册。包含技术框架选型、设计令牌（颜色/字体/圆角/阴影）、组件规范代码模板、响应式/无障碍约定。被 role-前端开发 和 role-UI设计师 主动调用；与 frontend-brand-guard.mdc（约束层）配套使用。

216mo agoDiscuss
ProjAnvilSkill

frontend-vue

ProjAnvil/MindForge/skills/zh-cn/frontend-vue/SKILL.md

专业的 Vue.js 开发技能，涵盖 Nuxt 3、Vue 3 Composition API、Tailwind CSS 和 Vue 生态系统。使用此技能构建 Vue 应用程序、实现 Nuxt 功能、使用 Pinia 进行状态管理，或使用 shadcn-vue 等组件库。

37mo agoDiscuss
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.

5366mo agoDiscuss
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/.

163mo agoDiscuss
dcSparkSkill

frontend-design

dcSpark/shinkai-local-ai-agents/.cursor/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.

4328mo agoDiscuss
syahiidkamilSkill

frontend-design

syahiidkamil/Software-Engineer-AI-Agent-Atlas/.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.

3934mo agoDiscuss
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」「紅燈」時觸發。

26mo agoDiscuss
CLAUDE.md vs AGENTS.md

About skills

What is a Claude skill?

A folder with a SKILL.md file: a name, a description of when to use it, and instructions. Claude loads a skill only when the task matches its description.

How do I use one I find here?

Copy the folder into your project's .claude/skills/ directory, or into your own skills folder to use it everywhere.

What do the warnings mean?

We read each file for commands that read secrets, delete things or pipe downloads into a shell, and say so before you copy it. No warning is not a promise that a file is safe.

Which skills worked for people?

Open a skill to see its discussion. Reports from people and their agents are coming.