Search

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

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

#
Skill
Source
Installs
3451
faasjs-best-practices faasjs/faasjs/faasjs-best-practices Use when working in any FaasJS repo and no narrower FaasJS skill is already selected, or when a task spans project co…
faasjs/faasjs
464
3452
light- light0305/light-skills/light- Light 按需工程技能·前端设计:把模糊的「做个好看的界面」落成**能跑的 React/Tailwind/shadcn 代码 + 设计决策说明**—— 有*…
light0305/light-skills
38
3453
narrative-nonfiction rhavekost/author-toolkit/narrative-nonfiction Use when writing self-help books, memoirs, or prescriptive guides with story elements. Trigger on: 'self-help book', …
rhavekost/author-toolkit
462
3454
cli-anything-ollama hkuds/cli-anything/cli-anything-ollama >- Command-line interface for Ollama - Local LLM inference and model management via Ollama REST API. ed for AI …
hkuds/cli-anything
461
3455
imagegen--mobile rheinmir/setup/imagegen--mobile Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. ed for iOS,…
rheinmir/setup
144
3456
-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
3457
-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
3458
-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
3459
-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
3460
-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
3461
-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
3462
-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
3463
-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
3464
-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
3465
-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
3466
-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
3467
-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
3468
-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
3469
-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
3470
-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
3471
-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
3472
-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
3473
-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
3474
-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
3475
-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
3476
-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
3477
21st-ui-explore 21st-dev/skill/21st-ui-explore Explore and compare multiple meaningfully different UI directions grounded in the current project's system and…
21st-dev/skill
237
3478
sticker--generation eachlabs/skills/sticker--generation Generate custom sticker s using each::sense AI. Create die-cut stickers, vinyl decals, kawaii s, brand lo…
eachlabs/skills
237
3479
docs-architect sickn33/agentic-awesome-skills/docs-architect Creates comprehensive technical documentation from existing codebases. Analyzes architecture, patterns, and im…
sickn33/agentic-awesome-skills
459
3480
create-remotion-geist vercel-labs/skill-remotion-geist/create-remotion-geist Create Remotion videos using the Geist system aesthetic. Use when asked to create videos, animations, or motio…
vercel-labs/skill-remotion-geist
458
3481
inversion danium/lateral-thinking/inversion Assumption Inversion — list the assumptions behind the current approach and flip each one, then ask where the flipped…
danium/lateral-thinking
236
3482
re plugin87/ux-ui-agent-skills/re Upgrade an existing website or app to premium quality without breaking functionality — audit the current , iden…
plugin87/ux-ui-agent-skills
236
3483
masterdata-storage-strategy vtex/skills/masterdata-storage-strategy Apply when deciding whether VTEX Master Data is the right storage for a given workload, ing JSON Schemas with v…
vtex/skills
456
3484
random-stimulus danium/lateral-thinking/random-stimulus Edward de Bono's Random Stimulus technique — force-fit a random unrelated object, place, or phenomenon onto a creativ…
danium/lateral-thinking
235
3485
surrealdb 24601/surreal-skills/surrealdb Expert SurrealDB 3 skill. Use when working with SurrealDB, SurrealQL queries, multi-model data modeling (document, gr…
24601/surreal-skills
235
3486
frontend kriscard/skills/ engineering audit for TypeScript, UI accessibility, Next.js boundaries, Tailwind/component patterns, and bro…
kriscard/skills
20
3487
db-engine-selection hainrixz/claude-db/db-engine-selection Engine selection (M0) — at /start time, recommends a database paradigm and engine for a described workload (acc…
hainrixz/claude-db
62
3488
design hainrixz/claude-db/ Greenfield database — pick the right engine for a new project, compare it against the boring default, and hand…
hainrixz/claude-db
62
3489
jimubi-bigscreen jeecgboot/skills/jimubi-bigscreen Use when user asks to create/ a big screen (大屏), full-screen data visualization, or says "创建大屏", "生成大…
jeecgboot/skills
62
3490
-refactor-planner patricio0312rev/skills/-refactor-planner Creates safe refactor plans for messy UI code including component splitting strategies, state simplification, perform…
patricio0312rev/skills
275
3491
blue-ocean-strategy getagentseal/founder-playbook/blue-ocean-strategy Frameworks from Kim & Mauborgne for creating uncontested market space and making competition irrelevant.
getagentseal/founder-playbook
452
3492
cli-anything-comfyui hkuds/cli-anything/cli-anything-comfyui >- Command-line interface for ComfyUI - AI image generation workflow management via ComfyUI REST API. ed for AI…
hkuds/cli-anything
452
3493
sales-presentations louisblythe/sales-skills/sales-presentations When the user wants to create, optimize, or improve sales presentations, pitch decks, demos, or proposal presentation…
louisblythe/sales-skills
452
3494
azure-app-service microsoftdocs/agent-skills/azure-app-service Expert knowledge for Azure App Service development including troubleshooting, best practices, decision making, archit…
microsoftdocs/agent-skills
233
3495
vtuber-avatar-generation eachlabs/skills/vtuber-avatar-generation Generate VTuber avatars and character s using each::sense AI. Create anime-style avatars, Live2D ready characte…
eachlabs/skills
233
3496
ingest-pipelines elastic/integration-skills/ingest-pipelines Use when ing or modifying Elasticsearch ingest pipelines, including single-path parsing, branching logic, sub-p…
elastic/integration-skills
449
3497
prd smallnest/goal-workflow/prd Generate a Product Requirements Document (PRD) for a new feature.
smallnest/goal-workflow
449
3498
build--ui-engineering zeroz-lab/unified-skills/build--ui-engineering 前端 UI 工程——构建可访问、视觉精良的用户界面。当需要构建或修改 UI 组件、页面布局,或提到"组件""页面""前端""UI
zeroz-lab/unified-skills
4
3499
-page-discovery zixun-github/ai-dlc/-page-discovery Use when 需要从前端代码证据化产出“页面?
zixun-github/ai-dlc
4
3500
web-artifacts-builder teamily-ai/skill-creator/web-artifacts-builder Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern web technologie…
teamily-ai/skill-creator
4