Search

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

22,638 results for “frontend-design” · page 101

#
Skill
Source
Installs
5001
database thelobbi/claude/database Database , SQL queries, migrations, and optimization. Activate for PostgreSQL, MySQL, SQLite, schema , qu…
thelobbi/claude
44
5002
software-architect firatcand/founder-skills/software-architect Use when the user is deciding, reviewing, or second-guessing a software architecture or tech-stack choice — monolith …
firatcand/founder-skills
44
5003
stitch-ideate gabelul/stitch-kit/stitch-ideate Conversational ideation agent that researches trends, explores visual directions, and refines ideas through ad…
gabelul/stitch-kit
44
5004
ux-er gabeosx/agent-skills/ux-er Expert UX/UI assistant based on the "Refactoring UI" philosophy (by Wathan & Schoger). Enforces logic-based de…
gabeosx/agent-skills
44
5005
-architect jsonlee12138/agent-team/-architect 专精于前端项目架构设计和工程化的角色,负责项目搭建、架构设计、代码质量把控。掌握现代前端工具链(Vite、Turborepo、Vite…
jsonlee12138/agent-team
3
5006
-developer dokhacgiakhoa/agent-skills-4-vibe-coding-cli/-developer Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next…
dokhacgiakhoa/agent-skills-4-vibe-coding-cli
3
5007
-implementation idaibin/aicraft/-implementation Use when implementing, modifying, or reviewing UI, routes, components, forms, tables, dashboards, responsive…
idaibin/aicraft
3
5008
-patterns bybren-llc/safe-agentic-workflow/-patterns patterns for modern web frameworks, component libraries, auth flows, and analytics. Use when building UI com…
bybren-llc/safe-agentic-workflow
3
5009
implement- idaibin/skills/implement- Use when a change must be implemented or refactored across UI, state, data, styling, accessibility, performa…
idaibin/skills
3
5010
team- catlog22/maestro-flow/team- Unified team skill for development. Pure router — all roles read this file. Beat model is coordinator-only i…
catlog22/maestro-flow
3
5011
agent-prompt- efoo-team/skills/agent-prompt- AIエージェントに与えるプロンプト・instructions・システムプロンプト・委譲文・スキルや指示ファイルの文面を書く/直す/レ…
efoo-team/skills
11
5012
-qa fasalzein/-skills/-qa Binary pass/fail quality gates for UI code — run before shipping any component, page, or feature.
fasalzein/-skills
11
5013
figma--tool-workflows phazurlabs/sumi/figma--tool-workflows Figma mastery and -to-code: Auto Layout, component architecture, variable modes, Dev Mode handoff, Figma MCP se…
phazurlabs/sumi
11
5014
kiro-validate- j5ik2o/ai-tools/kiro-validate- Interactive technical quality review and validation. Use when reviewing before implementation.
j5ik2o/ai-tools
11
5015
playwright-responsive-screenshots dawiddutoit/custom-claude/playwright-responsive-screenshots Captures screenshots at multiple viewport breakpoints for responsive validation and documentation. Use when yo…
dawiddutoit/custom-claude
11
5016
-taste- kesslerio/taste-skill/-taste- Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, stric…
kesslerio/taste-skill
13
5017
edge-pipeline-orchestrator mphinance/alpha-skills/edge-pipeline-orchestrator Orchestrate the full edge research pipeline from candidate detection through strategy , review, revision, and e…
mphinance/alpha-skills
85
5018
laravel-brainstorming iserter/laravel-claude-agents/laravel-brainstorming Use when creating or developing Laravel features, before writing code or implementation plans - refines rough ideas i…
iserter/laravel-claude-agents
85
5019
literate-guide petekp/claude-code-setup/literate-guide Create a narrative guide to a codebase or feature in the style of Knuth's Literate Programming — code and prose inter…
petekp/claude-code-setup
85
5020
styling-expert oimiragieo/agent-studio/styling-expert CSS and styling expert including Tailwind, CSS-in-JS, and responsive
oimiragieo/agent-studio
85
5021
stitch-ui--spec-bootstrap full-stack-skills/stitch-skills/stitch-ui--spec-bootstrap Bootstrap-Vue spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt.
full-stack-skills/stitch-skills
22
5022
yao-geo-tracking yaojingang/yao-geo-skills/yao-geo-tracking Build a company-specific GEO backend tracking plan from a company name plus optional supporting information, using au…
yaojingang/yao-geo-skills
22
5023
creative-tim-ui creativetimofficial/ui/creative-tim-ui Creative Tim UI block library assistant.
creativetimofficial/ui
43
5024
generate-component-doc-figma southleft/skills-for-figma/generate-component-doc-figma Generate complete Markdown documentation for a Figma component — anatomy/layer tree, tokens (colors, spacing, …
southleft/skills-for-figma
43
5025
product-launch-video memex-lab/product-launch-video-skill/product-launch-video and build spectacular, high-impact product launch videos using Remotion (React). Use this skill whenever the u…
memex-lab/product-launch-video-skill
43
5026
rust-unsafe-ffi full-stack-skills/rust-skills/rust-unsafe-ffi , implement, audit, and test unsafe Rust and foreign-function boundaries, including raw pointers, validity and …
full-stack-skills/rust-skills
43
5027
rust-web full-stack-skills/rust-skills/rust-web , implement, test, and operate production Rust server-side HTTP services, including axum, Actix Web, routing, e…
full-stack-skills/rust-skills
43
5028
kit-skills meitu/kit-skills/kit-skills AI 图片处理与电商商品图生成技能包(美图设计室 Kit)。 支持抠图去背景、透明底、AI 变清晰/画质修复、商品主图与 Li…
meitu/kit-skills
171
5029
cold-email-outreach thatrebeccarae/claude-marketing/cold-email-outreach Cold email and outreach sequence with personalization, deliverability optimization, follow-up cadence, and com…
thatrebeccarae/claude-marketing
84
5030
docs-with-mermaid pranavred/claude-code-documentation-skill/docs-with-mermaid Create excellent technical documentation with Mermaid diagrams.
pranavred/claude-code-documentation-skill
84
5031
loop-engineering huytieu/cog-second-brain/loop-engineering Shared loop-engineering reference for COG skills - the agent loop, deterministic verifiers, termination conditions, i…
huytieu/cog-second-brain
84
5032
mcp-builder pskoett/pskoett-ai-skills/mcp-builder Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external servi…
pskoett/pskoett-ai-skills
84
5033
research-synthesis oimiragieo/agent-studio/research-synthesis Research best practices and synthesize into decisions for artifact creation. Invoke BEFORE any creator skill t…
oimiragieo/agent-studio
84
5034
theatre-js noklip-io/agent-skills/theatre-js Use when implementing motion , timeline animations, visual animation editors, animating Three.js/R3F scenes, cr…
noklip-io/agent-skills
84
5035
-doc diskd-ai/-doc/-doc Create technical documents for new features, systems, refactoring plans, API s, and database schemas. Us…
diskd-ai/-doc
331
5036
-brief-generator jamesrochabrun/skills/-brief-generator Generate comprehensive briefs for projects. Use this skill when ers ask to "create a brief…
jamesrochabrun/skills
169
5037
edge-concept-synthesizer mphinance/alpha-skills/edge-concept-synthesizer Abstract detector tickets and hints into reusable edge concepts with thesis, invalidation signals, and strategy playb…
mphinance/alpha-skills
83
5038
layered-reasoning lyndonkl/claude/layered-reasoning Structures thinking across multiple abstraction levels (30,000 ft strategic, 3,000 ft tactical, 300 ft operational) w…
lyndonkl/claude
83
5039
typescript-project majiayu000/spellbook/typescript-project Modern TypeScript project architecture guide for 2025. Use when creating new TS projects, setting up configurations, …
majiayu000/spellbook
83
5040
bep--engineering saltbo/agentic-engineering-skills/bep--engineering , restructure, or review architecture involving feature boundaries, browser state, remote data, render…
saltbo/agentic-engineering-skills
1
5041
frontend acaprino/daodan/ Unified web knowledge base covering CSS architecture, UX psychology, UI components, distinctive aesthetics, …
acaprino/daodan
1
5042
frontend romiluz13/cc10x/ Two-mode skill: (1) authoring — accessibility, responsive layout, loading/error states, performance, .…
romiluz13/cc10x
1
5043
imagegen--web l3ad3r1/hermes-skills/imagegen--web Elite image-direction skill for generating premium, conversion-aware website references. CRITICAL OUT…
l3ad3r1/hermes-skills
1
5044
tasteful- d-wwei/tasteful-/tasteful- AI-native spec generator. Six-phase workflow (Anchor-Frame-Search-Systematize-Compose-Verify) outputs three-la…
d-wwei/tasteful-
1
5045
ultrathink- praxstack/skills-and-personas/ultrathink- Enterprise-grade architecture and avant-garde UI skill for creating distinctive, production-ready int…
praxstack/skills-and-personas
1
5046
aposd-reviewing-module- ryanthedev/code-foundations/aposd-reviewing-module- Assesses existing module and interface for complexity symptoms: information leakage, shallow interfaces, pass-…
ryanthedev/code-foundations
5
5047
lovable headline-/-craft/lovable Use this skill whenever building, editing, or reviewing user-facing software with Lovable — web apps, dashboards, mar…
headline-/-craft
5
5048
ui- tencentcloudbase/awesome-cloudbase-examples/ui- Professional UI and interface guidelines. Use this skill when creating web pages, mini-program interf…
tencentcloudbase/awesome-cloudbase-examples
6
5049
abp-contract-scaffolding thapaliyabikendra/ai-artifacts/abp-contract-scaffolding Generate ABP Application.Contracts layer scaffolding (interfaces, DTOs, permissions) from technical .
thapaliyabikendra/ai-artifacts
42
5050
code-sample-documentation lvtd-llc/skills/code-sample-documentation , write, review, and test code samples in developer documentation, including executable examples, explanatory s…
lvtd-llc/skills
42