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 →

23,410 results for “frontend-design” · page 59

#
Skill
Source
Installs
2901
type--analyzer paulkinlan/co-do/type--analyzer Analyzes type quality focusing on encapsulation, invariant expression, usefulness, and enforcement. Provides q…
paulkinlan/co-do
24
2902
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
2903
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
2904
-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
2905
-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
2906
-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
2907
-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
2908
-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
2909
-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
2910
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
2911
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
2912
-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
2913
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
2914
hive-create-task rllm-org/hive/hive-create-task and create a new hive task through guided conversation.
rllm-org/hive
531
2915
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
2916
-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
2917
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
2918
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
2919
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
2920
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
2921
light- light0305/light-skills/light- Light 按需工程技能·前端设计:把模糊的「做个好看的界面」落成**能跑的 React/Tailwind/shadcn 代码 + 设计决策说明**—— 有*…
light0305/light-skills
38
2922
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
2923
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
2924
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
2925
oceanbase- oceanbase/oceanbase-/oceanbase- Use when the user's task involves OceanBase (@oceanbase/, @oceanbase/ui, @oceanbase/icons, @oceanbase/ch…
oceanbase/oceanbase-
2
2926
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
2927
design johnlindquist/claude/ system and token management. Use for managing tokens, colors, typography, and maintaining consis…
johnlindquist/claude
64
2928
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
2929
-coding dauquangthanh/hanoi-rainbow/-coding Expert development guidance covering React, Vue, Angular, TypeScript, state management, component architectu…
dauquangthanh/hanoi-rainbow
30
2930
-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
2931
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
2932
-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
2933
-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
2934
-a11y-motion-contrast-wcag22 impertio-studio/-claude-skill-package/-a11y-motion-contrast-wcag22 Use when shipping a feature that must meet WCAG 2.2 conformance (nine new Success Criteria over 2.1), measuring text …
impertio-studio/-claude-skill-package
10
2935
-component-data-tables-command-palette impertio-studio/-claude-skill-package/-component-data-tables-command-palette Use when building an accessible data table (semantic markup, sortable columns, sticky header that stays put while use…
impertio-studio/-claude-skill-package
10
2936
-component-modal-toast-system impertio-studio/-claude-skill-package/-component-modal-toast-system Use when building a confirm modal, alert dialog, or settings overlay with the HTML `<dialog>` element, building a toa…
impertio-studio/-claude-skill-package
10
2937
-core-web-standards-baseline impertio-studio/-claude-skill-package/-core-web-standards-baseline Use when deciding whether a web platform feature is safe to ship, looking up authoritative behavior for HTML / CSS / …
impertio-studio/-claude-skill-package
10
2938
-errors-cascade-conflicts impertio-studio/-claude-skill-package/-errors-cascade-conflicts Use when a CSS rule that should clearly win does not (style not applying despite higher specificity), when `!importan…
impertio-studio/-claude-skill-package
10
2939
-errors-layout-pitfalls impertio-studio/-claude-skill-package/-errors-layout-pitfalls Use when diagnosing the canonical layout failures of modern CSS : a flex child that overflows its parent (the auto `m…
impertio-studio/-claude-skill-package
10
2940
-impl-web-components impertio-studio/-claude-skill-package/-impl-web-components Use when authoring a custom HTML element with `customElements.define`, attaching a shadow root with `attachShadow`, d…
impertio-studio/-claude-skill-package
10
2941
-perf-core-web-vitals-inp impertio-studio/-claude-skill-package/-perf-core-web-vitals-inp Use when measuring or improving Core Web Vitals (LCP, INP, CLS) at the 75th-percentile field-data bar, diagnosing why…
impertio-studio/-claude-skill-package
10
2942
-syntax-css-cascade-layers-scope impertio-studio/-claude-skill-package/-syntax-css-cascade-layers-scope Use when organizing a stylesheet's cascade with `@layer`, scoping component styles with `@scope`, isolating third-par…
impertio-studio/-claude-skill-package
10
2943
-syntax-css-color-modern impertio-studio/-claude-skill-package/-syntax-css-color-modern Use when choosing a color function in CSS, building a shade ladder from a brand seed, blending two colors determinist…
impertio-studio/-claude-skill-package
10
2944
-syntax-css-container-queries impertio-studio/-claude-skill-package/-syntax-css-container-queries Use when a component's layout has to react to the width or aspect of its own parent rather than the viewport, when ca…
impertio-studio/-claude-skill-package
10
2945
-syntax-css-grid-subgrid impertio-studio/-claude-skill-package/-syntax-css-grid-subgrid Use when laying out a section that is two-dimensional (rows AND columns matter at the same time), when nested grid it…
impertio-studio/-claude-skill-package
10
2946
-syntax-css-has-selector impertio-studio/-claude-skill-package/-syntax-css-has-selector Use when styling an element based on a descendant, sibling, or sibling-state condition; building a parent-style-from-…
impertio-studio/-claude-skill-package
10
2947
-syntax-css-nesting-logical-properties impertio-studio/-claude-skill-package/-syntax-css-nesting-logical-properties Use when authoring modern CSS without a preprocessor and you need either native nesting (`&` selector, nested `@media…
impertio-studio/-claude-skill-package
10
2948
-syntax-html5-form impertio-studio/-claude-skill-package/-syntax-html5-form Use when authoring any HTML form, validating user input, wiring custom widgets into the form lifecycle, integrating p…
impertio-studio/-claude-skill-package
10
2949
-theming-dark-light-mode impertio-studio/-claude-skill-package/-theming-dark-light-mode Use when adding dark mode to a website or app, choosing between system-followed-only and user-toggle modes, eliminati…
impertio-studio/-claude-skill-package
10
2950
-typescript-testing shinpr/ai-coding-project-boilerplate/-typescript-testing s tests using the repository's configured React test and browser harnesses, including RTL, MSW, Vitest…
shinpr/ai-coding-project-boilerplate
10