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 →

27,032 results for “frontend-design” · page 64

#
Skill
Source
Installs
3151
web- latitude-dev/latitude-llm/web- apps/web UI — routes, @repo/ui, TanStack Start server functions and collections, forms (useForm + createFormSubmitHan…
latitude-dev/latitude-llm
5
3152
harness- zanwei/harness-/harness- >- Quality harness for -dna Phase 3 output with browser-based visual verification. After an agent generates a d…
zanwei/harness-
8
3153
-patterns liuchiawei/agent-skills/-patterns development patterns for React, Next.js, state management, performance optimization, and UI best practices.
liuchiawei/agent-skills
33
3154
-testing chongdashu/phaserjs-tinyswords/-testing Plan, implement, and debug tests: unit/integration/E2E/visual/a11y. Use for Playwright/Cypress/Vitest/Jest/R…
chongdashu/phaserjs-tinyswords
33
3155
canvas- practicalswan/agent-skills/canvas- philosophy docs and canvas-based visual creation. Use when articulating principles, crafting multi-page…
practicalswan/agent-skills
24
3156
-analyzer kanopi/cms-cultivator/-analyzer Automatically extract technical requirements from references when user mentions Figma, uploads images, or says…
kanopi/cms-cultivator
24
3157
type--analyzer paulkinlan/co-do/type--analyzer Analyzes type quality focusing on encapsulation, invariant expression, usefulness, and enforcement. Provides q…
paulkinlan/co-do
24
3158
cognitive-fallacies-guard lyndonkl/claude/cognitive-fallacies-guard Detects and prevents visual misleads, cognitive biases, and data integrity violations in visualizations, dashboards, …
lyndonkl/claude
69
3159
taste-skill huytieu/cog-second-brain/taste-skill Anti-slop skill for landing pages, portfolios, and res. The agent reads the brief, infers the right de…
huytieu/cog-second-brain
56
3160
-agent first-fluke/fullstack-starter/-agent specialist for React, Next.js, TypeScript with FSD-lite architecture, shadcn/ui, and system alignment…
first-fluke/fullstack-starter
11
3161
-dev bighardperson/computer-science-skills-collection/-dev Full-stack development combining premium UI , cinematic animations, AI-generated media assets, persuas…
bighardperson/computer-science-skills-collection
11
3162
-errors-units-rendering-viewport impertio-studio/-claude-skill-package/-errors-units-rendering-viewport Use when a mobile hero section overflows because of `100vh`, deciding between the small (`svh`), large (`lvh`), and d…
impertio-studio/-claude-skill-package
11
3163
-impl-popover-dialog-anchor impertio-studio/-claude-skill-package/-impl-popover-dialog-anchor Use when building any surface that lives in the browser top layer : modal confirmations, cookie banners, dropdown men…
impertio-studio/-claude-skill-package
11
3164
-impl-responsive-layout-fluid impertio-studio/-claude-skill-package/-impl-responsive-layout-fluid Use when building a layout that must look correct from 320px phones to 3840px ultrawide monitors without breakpoint c…
impertio-studio/-claude-skill-package
11
3165
-perf-animation-gpu-containment impertio-studio/-claude-skill-package/-perf-animation-gpu-containment Use when a CSS animation or transition feels janky on a real device, when scroll stutters on a long page, when DevToo…
impertio-studio/-claude-skill-package
11
3166
azure-network-security- vinayaklatthe/microsoft-security-skills/azure-network-security- Guidance for ing secure Azure network architecture — hub-spoke topology (or Virtual WAN), segmentation with NSG…
vinayaklatthe/microsoft-security-skills
68
3167
ui-ux-pro-max infrasity-labs/dev-gtm-claude-skills/ui-ux-pro-max UI/UX intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product …
infrasity-labs/dev-gtm-claude-skills
68
3168
-query-mutation langflow-ai/langflow/-query-mutation Guide for implementing Langflow query and mutation patterns with Axios and TanStack React Query v5. Trigger …
langflow-ai/langflow
32
3169
rest-api- curiositech/some_claude_skills/rest-api- REST API endpoints with Zod validation and OpenAPI documentation. Use when creating new API routes, validating…
curiositech/some_claude_skills
190
3170
hive-create-task rllm-org/hive/hive-create-task and create a new hive task through guided conversation.
rllm-org/hive
531
3171
product-configurator- rampstackco/claude-skills/product-configurator- ing build-your-own product configurators (Tesla-style, custom-pricing, plan-builders) with constraint logic, re…
rampstackco/claude-skills
188
3172
-orchestration sickn33/agentic-awesome-skills/-orchestration Orchestrates workflows by routing work through brainstorming, multi-agent review, and execution readiness in t…
sickn33/agentic-awesome-skills
527
3173
faasjs-react-ant- faasjs/faasjs/faasjs-react-ant- Use when building or reviewing FaasJS React UI, especially @faasjs/ant- pages, useFaas, useFaasStream, faas req…
faasjs/faasjs
187
3174
browser-tools badlogic/pi-skills/browser-tools Interactive browser automation via Chrome DevTools Protocol. Use when you need to interact with web pages, test front…
badlogic/pi-skills
427
3175
upgrade-flow- rampstackco/claude-skills/upgrade-flow- ing free-to-paid conversion flows for SaaS products. Trigger moments, paywall , value demonstration, upse…
rampstackco/claude-skills
186
3176
pinterest-pin- social-media-skills/skills/pinterest-pin- The Pinterest pin skill -- the visual half that pairs with pinterest-seo's keyword layer. Use when someone wan…
social-media-skills/skills
185
3177
light- light0305/light-skills/light- Light 按需工程技能·前端设计:把模糊的「做个好看的界面」落成**能跑的 React/Tailwind/shadcn 代码 + 设计决策说明**—— 有*…
light0305/light-skills
38
3178
ing--patterns site/smithery.ai/ing--patterns Claude s scalable React component architectures using compound components, custom hooks, and state machines. Us…
smithery.ai
1
3179
-app- site/smithery.ai/-app- Create distinctive, production-grade web interfaces using React, Tailwind, and shadcn/ui. Use when building pages, co…
smithery.ai
1
3180
-component- site/smithery.ai/-component- 前端组件设计规范与最佳实践。在编写任何前端代码(React/Next.js 组件、页面、hooks)时自动触发。确保代码复用性、封?
smithery.ai
1
3181
-component-patterns site/smithery.ai/-component-patterns Build reusable, composable, and maintainable React/Vue/Angular components following established patterns like …
smithery.ai
1
3182
geoflow yaojingang/geoflow/geoflow Develop or operate GEOFlow across Laravel backend/admin/API/CLI, the default site, themes, leads, and GeoFlow Agent c…
yaojingang/geoflow
1
3183
implementing-api-patterns site/smithery.ai/implementing-api-patterns API and implementation across REST, GraphQL, gRPC, and tRPC patterns. Use when building backend services, publ…
smithery.ai
1
3184
mockup-creation site/smithery.ai/mockup-creation Create interactive, production-ready UI mockups and prototypes using NuxtJS 4 (Vue) or Next.js (React), TypeScript, a…
smithery.ai
1
3185
react-project site/smithery.ai/react-project Analyze React projects for onboarding. Use when exploring React/Next.js codebases, understanding component structure,…
smithery.ai
1
3186
ui-css-patterns site/smithery.ai/ui-css-patterns UI/CSS patterns and component reference for the RAPID , covering color semantics, button variant selec…
smithery.ai
1
3187
openclaw--system openclaw/carapace/openclaw--system Compatibility alias for existing OpenClaw installations that now applies Carapace semantic tokens, themes, shared CSS…
openclaw/carapace
1.4K
3188
architecture-advisor kaakati/sdh-claude-skills/architecture-advisor Evaluate architectural decisions, system components, produce ADRs, and assess technical debt. Use this skill w…
kaakati/sdh-claude-skills
2
3189
-brief-generator site/smithery.ai/-brief-generator Generate comprehensive briefs for projects. Use this skill when ers ask to "create a brief…
smithery.ai
2
3190
oceanbase- oceanbase/oceanbase-/oceanbase- Use when the user's task involves OceanBase (@oceanbase/, @oceanbase/ui, @oceanbase/icons, @oceanbase/ch…
oceanbase/oceanbase-
2
3191
okr- rampstackco/claude-skills-pm/okr- OKR as actually shipped, not as conference-talk theory. Outcome statements that drive decisions, key results t…
rampstackco/claude-skills-pm
2
3192
site/clawhub.ai/ Install the skill for your AI agent. Published on clawhub.ai.
clawhub.ai
3
3193
design johnlindquist/claude/ system and token management. Use for managing tokens, colors, typography, and maintaining consis…
johnlindquist/claude
64
3194
audit- idaibin/skills/audit- Use when a known surface needs a scoped, read-only audit of selected architecture, reuse, data/UI contract, …
idaibin/skills
30
3195
-coding dauquangthanh/hanoi-rainbow/-coding Expert development guidance covering React, Vue, Angular, TypeScript, state management, component architectu…
dauquangthanh/hanoi-rainbow
30
3196
-ui-generator aircury/ai-framework/-ui-generator Generates a high-fidelity UI implementation based on a layout.md specification and a style-guide.md derived …
aircury/ai-framework
30
3197
gen--plan site/mercury-api.wepieoa.com/fe-gen--plan Install the gen--plan skill for your AI agent. Published on mercury-api.wepieoa.com.
mercury-api.wepieoa.com
30
3198
ui-ux-pro-max ninehills/skills/ui-ux-pro-max UI/UX intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product …
ninehills/skills
63
3199
-a11y-aria-patterns impertio-studio/-claude-skill-package/-a11y-aria-patterns Use when building a UI widget that has no native HTML equivalent (tabs, combobox with custom rendering, listbox with …
impertio-studio/-claude-skill-package
10
3200
-a11y-focus-keyboard-inert impertio-studio/-claude-skill-package/-a11y-focus-keyboard-inert Use when authoring any focusable UI surface : modals, popovers, drawers, tabs, menus, listboxes, comboboxes, toolbars…
impertio-studio/-claude-skill-package
10