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 65

#
Skill
Source
Installs
3201
-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
3202
-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
3203
-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
3204
-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
3205
-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
3206
-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
3207
-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
3208
-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
3209
-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
3210
-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
3211
-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
3212
-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
3213
-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
3214
-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
3215
-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
3216
-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
3217
-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
3218
-visual-gradients impertio-studio/-claude-skill-package/-visual-gradients Use when a gradient between two complementary or distant colours looks muddy in the middle, when a two-stop linear gr…
impertio-studio/-claude-skill-package
10
3219
-visual-micro-interactions impertio-studio/-claude-skill-package/-visual-micro-interactions Use when ing or implementing hover, focus, and press feedback on buttons, links, and cards; choreographing entr…
impertio-studio/-claude-skill-package
10
3220
ui- frappe/skills/ui- General UI/UX judgment for layout, polish, visual hierarchy, spacing, typography, color, and accessibility. Use when …
frappe/skills
498
3221
convex-best-practices waynesutton/convexskills/convex-best-practices Guidelines for building production-ready Convex apps covering function organization, query patterns, validation, Type…
waynesutton/convexskills
3.9K
3222
-harness-slides patrick-fu/awesome-skills/-harness-slides >- Build and revise iteration-safe HTML slide decks with polished visuals, motion, testing, and web/PDF/static delive…
patrick-fu/awesome-skills
14
3223
-specialist prorise-cool/prorise-claude-skills/-specialist 提供前端开发、UI 实现、移动应用开发和现代前端框架能力。当需要实现用户界面、构建组件或开发移动应用时使用。
prorise-cool/prorise-claude-skills
14
3224
wasm-integration egorfedorov/slot-casino-game-developer-skills-for-stake-engine/wasm-integration Integrate, validate, and harden WebAssembly modules in /backend application pipelines.
egorfedorov/slot-casino-game-developer-skills-for-stake-engine
14
3225
Neural Network aj-geddes/useful-ai-prompts/neural-network- and architect neural networks with various architectures including CNNs, RNNs, Transformers, and attention mec…
aj-geddes/useful-ai-prompts
491
3226
create--system-rules site/smithery.ai/create--system-rules Generates custom system rules for the user's codebase.
smithery.ai
7
3227
ios-hig--guide oil-oil/ios-hig--guide-skill/ios-hig--guide Build, update, and apply iOS specifications using Apple Human Interface Guidelines (HIG) source data.
oil-oil/ios-hig--guide-skill
7
3228
web--reviewer microsoft/githubcopilot_customized/web--reviewer This skill enables visual inspection of websites running locally or remotely to identify and fix issues.
microsoft/githubcopilot_customized
7
3229
frontend anton-abyzov/specweave/ Expert developer for React, Vue, Angular, and modern JavaScript/TypeScript. Use when creating components, im…
anton-abyzov/specweave
29
3230
-experience-extractor aircury/ai-framework/-experience-extractor Extracts the behavioral requirements, user experience (UX) flows, micro-interactions, and conditional visibility rule…
aircury/ai-framework
29
3231
-layout-extractor aircury/ai-framework/-layout-extractor Extracts the structural layout and behavioral requirements of a component from its source code. Produces a l…
aircury/ai-framework
29
3232
cdrf-expert vintasoftware/django-ai-plugins/cdrf-expert Expert guidance for Django REST Framework class-based views using Classy DRF (https://www.cdrf.co). Use when selectin…
vintasoftware/django-ai-plugins
394
3233
ui-ux-er nahisaho/musubi/ui-ux-er Copilot agent that assists with user interface and experience , wireframes, prototypes, systems, and usa…
nahisaho/musubi
21
3234
aesthetic smithery/mrgoonie/aesthetic Create aesthetically beautiful interfaces following proven principles. Use when building UI/UX, analyzing desi…
smithery/mrgoonie
0
3235
-system-creator smithery/erichowens/-system-creator Builds comprehensive systems and bibles with production-ready CSS. Expert in tokens, component l…
smithery/erichowens
0
3236
domain-driven- smithery/joaquimscosta/domain-driven- Expert guidance for Domain-Driven architecture and implementation. Use when ing complex business systems…
smithery/joaquimscosta
0
3237
graphics- smithery/neirth/graphics- Apply world-class graphic principles following Apple HIG, Google Material , IBM Carbon, Airbnb DLS, Micr…
smithery/neirth
0
3238
tabletop-rpg- smithery/omer-metin/tabletop-rpg- Expert system er for tabletop roleplaying games covering dice mechanics, character creation, combat systems, na…
smithery/omer-metin
0
3239
web--expert smithery/erichowens/web--expert Creates unique web s with brand identity, color palettes, typography, and modern UI/UX patterns. Use for brand …
smithery/erichowens
0
3240
api-er wyattowalsh/agents/api-er >- Contract-first API for REST, GraphQL, gRPC. , spec, review, version, compat, sdk. Use for API archite…
wyattowalsh/agents
49
3241
hig-components-menus raintree-technology/hig-doctor/hig-components-menus >- Apple HIG guidance for menu and button components including menus, context menus, dock menus, edit menus, the menu…
raintree-technology/hig-doctor
474
3242
memory-onboarding basicmachines-co/basic-memory/memory-onboarding Guide someone new to Basic Memory through ing and building a complete personal knowledge system — interview the…
basicmachines-co/basic-memory
472
3243
inertia-rails-setup inertia-rails/skills/inertia-rails-setup >- One-time project initializer for Inertia Rails skills. Detects stack and framework (React/Vue/Svelte) fro…
inertia-rails/skills
381
3244
nosql-database- aj-geddes/useful-ai-prompts/nosql-database- NoSQL database schemas for MongoDB and DynamoDB. Use when modeling document structures, ing collections,…
aj-geddes/useful-ai-prompts
466
3245
hig-components-system raintree-technology/hig-doctor/hig-components-system >- Apple HIG guidance for system experience components: widgets, live activities, notifications, complications, home …
raintree-technology/hig-doctor
464
3246
custom-product-pages eronred/aso-skills/custom-product-pages When the user wants to , deploy, or measure Apple Custom Product Pages (CPP) — the alternate App Store product …
eronred/aso-skills
1.3K
3247
landing-page-guide-v2 bear2u/my-skills/landing-page-guide-v2 Create distinctive, high-converting landing pages that combine proven conversion elements with exceptional qua…
bear2u/my-skills
1.3K
3248
referral-program eronred/aso-skills/referral-program When the user wants to , launch, or optimize an in-app referral / invite / share-to-earn program — including re…
eronred/aso-skills
1.3K
3249
web-to-app-funnel eronred/aso-skills/web-to-app-funnel When the user wants to or optimize the funnel that takes web visitors into installing and onboarding the app —…
eronred/aso-skills
1.3K
3250
remotion-render halt-catch-fire/mutiny/remotion-render Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs…
halt-catch-fire/mutiny
8