Search

Find skills by name, source, slug, or description across the full catalog.

Feature your product here Catalog & search unit · reach builders installing agent skills View pricing →

11,639 results for “frontend-design” · page 23

#
Skill
Source
Installs
1101
-foundation smithery/sanky369/-foundation Create or extract a -token foundation — colors, typography, spacing, radii, shadows — as a real tokens file (CS…
smithery/sanky369
0
1102
distinctive- podo/-agent-skills/distinctive- Generates distinctive interfaces using four themed systems — Cyberpunk, Brutalist, Vaporwave, and Nordic Minim…
podo/-agent-skills
383
1103
sgds-migration govtechsg/sgds-web-component/sgds-migration Complete workflow for migrating an existing application to SGDS web components. Use this skill when a user w…
govtechsg/sgds-web-component
13
1104
adopting-generated-api-types posthog/posthog/adopting-generated-api-types Use when migrating code from manual API client calls (`api.get`, `api.create`, `api.surveys.get`, `api.dashb…
posthog/posthog
98
1105
-code-review langflow-ai/langflow/-code-review Review code (.tsx, .ts, .js files) for quality, performance, and correctness against Langflow's con…
langflow-ai/langflow
98
1106
competitor-experience-audit rampstackco/claude-skills/competitor-experience-audit Audit the brand, UX, and site of the leading sites in a vertical as a set of observable cross-site patterns, p…
rampstackco/claude-skills
191
1107
-patterns ilamanov/skills/-patterns Generally-applicable /UI best practices. Use whenever building, modifying, or reviewing UI — adding a form/bu…
ilamanov/skills
84
1108
character- site/smithery.ai/character- Creating memorable, readable, and emotionally resonant game characters that work at every scale and in every contextU…
smithery.ai
2
1109
backend-to--handoff-docs site/smithery.ai/backend-to--handoff-docs Create API handoff documentation for developers. Use when backend work is complete and needs to be documente…
smithery.ai
2
1110
react- iliaal/ai-skills/react- >- React architecture patterns, TypeScript, Next.js, hooks, and testing. Use when working with React component struct…
iliaal/ai-skills
267
1111
level- smithery/omer-metin/level- World-class level expertise - spatial storytelling, player flow, blockout methodology, and the invisible hand …
smithery/omer-metin
0
1112
-development smithery/petrilahdelma/-development Expert guidance for React 19+, Next.js 16, TypeScript, CSS Modules, and modern architecture.
smithery/petrilahdelma
0
1113
skill--scanner leifermendez/skill-pack/skill--scanner Trigger: scan system, detect CSS architecture, analyze tokens, detect Tailwind, BEM, Atomic . S…
leifermendez/skill-pack
10
1114
-taste- nexu-io/open-/taste-skill Anti-slop skill for landing pages, portfolios, and res. The agent reads the brief, infers the right de…
nexu-io/open-
815
1115
ui-ux-pro-max sundial-org/awesome-openclaw-skills/ui-ux-pro-max UI/UX intelligence and implementation guidance for building polished interfaces. Use when the user asks for UI…
sundial-org/awesome-openclaw-skills
12
1116
foundry-nextgen- microsoft/copilot-sdk-samples/foundry-nextgen- Build elegant UIs following Microsoft Foundry's NextGen System using Vite + React + pnpm.
microsoft/copilot-sdk-samples
2
1117
-anti-patterns jamie-bitflight/claude_skills/-anti-patterns Enforce anti-AI UI rules based on the Uncodixfy methodology. Use when generating HTML, CSS, React, Vue, Svelte…
jamie-bitflight/claude_skills
33
1118
imagegen--web echoleesong/claude-skills-plugin/imagegen--web Elite image-direction skill for generating premium, conversion-aware website references. CRITICAL OUT…
echoleesong/claude-skills-plugin
7
1119
-system-inventory-figma southleft/skills-for-figma/-system-inventory-figma One call to inventory an entire Figma system — variables/tokens (grouped by collection + mode), components and…
southleft/skills-for-figma
48
1120
-architecture sickn33/agentic-awesome-skills/-architecture A portable, framework-agnostic architecture style for any React or React Native .
sickn33/agentic-awesome-skills
56
1121
-security-coder rmyndharis/antigravity-skills/-security-coder Expert in secure coding practices specializing in XSS prevention, output sanitization, and client-side secur…
rmyndharis/antigravity-skills
56
1122
get mohtashammurshid/get/get Turn any public URL into a production-grade 9-section .md spec (colors, typography, components, layout, depth, …
mohtashammurshid/get
352
1123
create--md eho/agent-skills/create--md Create or update a .md system specification for websites, apps, prototypes, or product s.
eho/agent-skills
12
1124
astro--ui site/smithery.ai/astro--ui Build the Astro with Tailwind CSS v4 via the Vite plugin, a WPGraphQL data layer, and React islands (shadcn/…
smithery.ai
1
1125
-guidelines site/smithery.ai/-guidelines coding conventions for this repo.
smithery.ai
1
1126
-scaffolding site/smithery.ai/-scaffolding Scaffold a React with Tailwind CSS, React Router, React Query, and standard project structure. Use when aske…
smithery.ai
1
1127
quest-keeper- site/smithery.ai/quest-keeper- development skill for Quest Keeper AI Tauri application.
smithery.ai
1
1128
apify-integration-development Official apify/agent-skills/apify-integration-development and build an official Apify integration for a company's product - workflow-automation apps (Zapier/n8n-style),…
apify/agent-skills
15
1129
-ai-guide shinpr/claude-code-workflows/-ai-guide Applies React/TypeScript-specific technical decision criteria, anti-pattern detection, debugging, and qualit…
shinpr/claude-code-workflows
50
1130
toss--fundamentals leekensei/agent-skills/toss--fundamentals 토스 Fundamentals 기반 코드 품질 가이드. 코드 리뷰, 새 코드 작성, 리팩토링 시 4가지 기준(가?
leekensei/agent-skills
49
1131
cc-skill--patterns sickn33/agentic-awesome-skills/cc-skill--patterns development patterns for React, Next.js, state management, performance optimization, and UI best practices.
sickn33/agentic-awesome-skills
1.3K
1132
figma-lint- southleft/figma-console-mcp-skills/figma-lint- Lint a Figma node tree for WCAG 2.2 accessibility AND -system quality — contrast, target size, focus indicators…
southleft/figma-console-mcp-skills
107
1133
planning samhvw8/dot-claude/planning Technical implementation planning and architecture . Capabilities: feature planning, system architecture, techn…
samhvw8/dot-claude
105
1134
optik- dragoon0x/optik/optik- intelligence engine for interfaces.
dragoon0x/optik
6
1135
-developer sickn33/agentic-awesome-skills/-developer Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next…
sickn33/agentic-awesome-skills
1.2K
1136
ux-ui- josavicentevw/ai-agent-skills/ux-ui- UX/UI skill for user research, wireframing, prototyping, visual , interaction , usability testing,…
josavicentevw/ai-agent-skills
32
1137
krt-interface-warden elzawarudo/krt/krt-interface-warden Independently or implement distinctive, functional interfaces using Editorial Product UI: content-led…
elzawarudo/krt
4
1138
distributed-systems- ryanthedev/systems-.skill/distributed-systems- Guides distributed system using a structured 4-step framework: scope, high-level , deep dive, wrap-up. T…
ryanthedev/systems-.skill
3
1139
ecommerce-ruiguan-detection-patent- nexscope-ai/nexscope-ecommerce-skills/ecommerce-ruiguan-detection-patent- Detect patent infringement risks by comparing a product image against a global patent database across 2…
nexscope-ai/nexscope-ecommerce-skills
3
1140
-patterns rolemodel/rolemodel-skills/-patterns patterns for Rails applications using Slim templates, Stimulus JavaScript framework, CSS with Optics utiliti…
rolemodel/rolemodel-skills
37
1141
figma-codegen awdr74100/figwright/figma-codegen Generate framework-aware code from a Figma . Reads the project's stack profile and emits code matching the exis…
awdr74100/figwright
625
1142
checklist- checklist-/skills/checklist- review grounded in Checklist 's 100+ published checklists. Two modes — audit works through a matching ch…
checklist-/skills
617
1143
brand-identity cofoundy/brand-skills/brand-identity Create a visual identity brief for a brand — logo direction, color palette, typography, imagery style, and sys…
cofoundy/brand-skills
217
1144
figma-build awdr74100/figwright/figma-build Build a Figma from code or a description — the reverse of figma-codegen. Reuses the connected file's existing …
awdr74100/figwright
601
1145
-elevation cuellarfr/-skills/-elevation Comprehensive elevation system that automatically transforms functional visual outputs into polished, professi…
cuellarfr/-skills
209
1146
building-react-quill-canvases Official posthog/ai-plugin/building-react-quill-canvases Author the React + Quill implementation of a PostHog canvas: the single-component contract, the allowed imports, Quil…
posthog/ai-plugin
9
1147
-i18n-orchestrator howell5/willhong-skills/-i18n-orchestrator End-to-end i18n orchestration for repositories.
howell5/willhong-skills
30
1148
-security-coder sickn33/agentic-awesome-skills/-security-coder Expert in secure coding practices specializing in XSS prevention, output sanitization, and client-side secur…
sickn33/agentic-awesome-skills
826
1149
sumsub-integrate-websdk sumsub/agent-skills/sumsub-integrate-websdk End-to-end recipe for adding Sumsub KYC to a website or web app via the Sumsub WebSDK. TRIGGER when the user asks to …
sumsub/agent-skills
816
1150
map--language preetamnath/agent-skills/map--language Research a project's language and write or refresh a lean meta/.md of facts — surfaces, toolkits, tokens…
preetamnath/agent-skills
6