Search

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

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

#
Skill
Source
Installs
1751
critique-composition owl-listener/er-skills/critique-composition Critique a rendered screen's composition — balance, whitespace, rhythm, and gestalt grouping. Use when a layout feels…
owl-listener/er-skills
1.2K
1752
tailwind-css bobmatnyc/claude-mpm-skills/tailwind-css Tailwind CSS utility-first framework for rapid UI development with responsive and dark mode
bobmatnyc/claude-mpm-skills
1.2K
1753
motion-system owl-listener/er-skills/motion-system Define motion tokens — durations, easing vocabulary, and reduced-motion handling — for consistency product-wide. Use …
owl-listener/er-skills
1.2K
1754
carousel kostja94/marketing-skills/carousel When the user wants to , optimize, or audit carousel/slider layouts for content display. Also use when the user…
kostja94/marketing-skills
1.2K
1755
critique-brand-consistency owl-listener/er-skills/critique-brand-consistency Critique a rendered screen against mood.md, voice.md, and tokens.md. Use when those brand files exist and you are che…
owl-listener/er-skills
1.2K
1756
navigation-patterns owl-listener/er-skills/navigation-patterns Select and a navigation pattern — tabs, drawer, hierarchy, or hub — matched to product structure and user task…
owl-listener/er-skills
1.2K
1757
service-blueprint owl-listener/er-skills/service-blueprint Map service delivery across frontstage actions, backstage processes, and supporting systems. Use when staff and opera…
owl-listener/er-skills
1.2K
1758
ui-ux-pro-max pixel-process-ug/superkit-agents/ui-ux-pro-max Use when the user needs full UI/UX intelligence — styles, palettes, fonts, UX guidelines, chart selection, and…
pixel-process-ug/superkit-agents
1.2K
1759
-i18n-orchestrator howell5/willhong-skills/-i18n-orchestrator End-to-end i18n orchestration for repositories.
howell5/willhong-skills
30
1760
Builder daffy0208/ai-dev-standards/-builder Build modern React/Next.js s. Use when creating web applications, choosing stack, structuring compon…
daffy0208/ai-dev-standards
209
1761
imagegen--web echoleesong/claude-skills-plugin/imagegen--web Elite image-direction skill for generating premium, conversion-aware website references. CRITICAL OUT…
echoleesong/claude-skills-plugin
7
1762
google-cloud-solution-multi-agent-security google/skills/google-cloud-solution-multi-agent-security s, deploys, and secures Google Cloud Agent Gateway solutions. Use when the user needs to configure multi-agent …
google/skills
1.1K
1763
law-of-proximity owl-listener/er-skills/law-of-proximity Apply the Law of Proximity — spatial closeness groups elements more strongly than any other cue. Use when spacing alo…
owl-listener/er-skills
1.1K
1764
grill-me alirezarezvani/claude-skills/grill-me Interview the user relentlessly about a plan or until reaching shared understanding, resolving each branch of …
alirezarezvani/claude-skills
1.1K
1765
law-of-common-region owl-listener/er-skills/law-of-common-region Apply the Law of Common Region — a shared container, background, or border groups elements regardless of spacing. Use…
owl-listener/er-skills
1.1K
1766
readable-measure owl-listener/er-skills/readable-measure Set line length and measure for comfortable reading across type sizes and breakpoints. Use when tuning body text. Cov…
owl-listener/er-skills
1.1K
1767
search-ux owl-listener/er-skills/search-ux search — query input, zero results, refinement, and result presentation. Use when users retrieve rather than b…
owl-listener/er-skills
1.1K
1768
senior-architect davila7/claude-code-templates/senior-architect Comprehensive software architecture skill for ing scalable, maintainable systems using ReactJS, NextJS, NodeJS,…
davila7/claude-code-templates
1.1K
1769
fitts-law owl-listener/er-skills/fitts-law Apply Fitts's Law — target acquisition time depends on size and distance. Use when sizing and positioning controls, e…
owl-listener/er-skills
1.1K
1770
von-restorff-effect owl-listener/er-skills/von-restorff-effect Apply the Von Restorff Effect — the element that differs from its neighbours is the one remembered. Use when a single…
owl-listener/er-skills
1.1K
1771
ux-er szilu/ux-er-skill/ux-er UX/UI principles for building and critiquing interfaces. Use for accessibility audits (WCAG, EAA), microcopy, …
szilu/ux-er-skill
1.1K
1772
hicks-law owl-listener/er-skills/hicks-law Apply Hick's Law — decision time grows with the number of simultaneous choices. Use when a screen offers too many opt…
owl-listener/er-skills
1.1K
1773
millers-law owl-listener/er-skills/millers-law Apply Miller's Law — chunk information into groups of about four to fit working memory. Use when grouping fields, men…
owl-listener/er-skills
1.1K
1774
react--expert hieutrtr/ai1-skills/react--expert >- React/TypeScript implementation patterns. Use during the implementation phase when creating or modifying …
hieutrtr/ai1-skills
196
1775
research-repository owl-listener/er-skills/research-repository Build a repository that makes findings findable, reusable, and cumulative across teams. Use when the same research ke…
owl-listener/er-skills
1.1K
1776
content-strategy owl-listener/er-skills/content-strategy Define what content a product needs, how it is structured, and who owns it. Use when content itself is the problem. F…
owl-listener/er-skills
1.1K
1777
doherty-threshold owl-listener/er-skills/doherty-threshold Apply the Doherty Threshold — keep system response under 400ms to preserve user flow. Use when diagnosing perceived s…
owl-listener/er-skills
1.1K
1778
hate lilmgenius/paperthin/hate Attack a plan, , or argument like you want it to fail before you commit real effort — return the single load-be…
lilmgenius/paperthin
1.1K
1779
hero-generator kostja94/marketing-skills/hero-generator When the user wants to , optimize, or audit hero sections (above-the-fold main visual area). Also use when the …
kostja94/marketing-skills
1.1K
1780
landing-page mengto/skills/landing-page Use when ing or rewriting a high-converting landing page (single-offer page) for SaaS/apps/services. Covers str…
mengto/skills
1.1K
1781
mandela lilmgenius/paperthin/mandela Audit any eval, metric, experiment, or benchmark for leakage — does external ground-truth enter independently, or are…
lilmgenius/paperthin
1.1K
1782
mui davila7/claude-code-templates/mui Material-UI v7 component library patterns including sx prop styling, theme integration, responsive , and MUI-sp…
davila7/claude-code-templates
1.1K
1783
scientific-critical-thinking davila7/claude-code-templates/scientific-critical-thinking Evaluate research rigor. Assess methodology, experimental , statistical validity, biases, confounding, evidence…
davila7/claude-code-templates
1.1K
1784
enonic-nextxp-integration webmaxru/enonic-agent-skills/enonic-nextxp-integration Guides setup, development, and troubleshooting of the Next.js and Enonic XP headless integration (Next.XP framework).…
webmaxru/enonic-agent-skills
366
1785
anthropic- smithery/chaibuilder/anthropic- Create distinctive, production-grade interfaces with high quality.
smithery/chaibuilder
0
1786
bold- smithery/danik911/bold- Creates visually striking, production-grade interfaces that reject generic "AI slop" aesthetics through inte…
smithery/danik911
0
1787
custom- smithery/chrispangg/custom- Create distinctive, production-grade interfaces with high quality.
smithery/chrispangg
0
1788
-development smithery/petrilahdelma/-development Expert guidance for React 19+, Next.js 16, TypeScript, CSS Modules, and modern architecture.
smithery/petrilahdelma
0
1789
skill--scanner leifermendez/skill-pack/skill--scanner Trigger: scan system, detect CSS architecture, analyze tokens, detect Tailwind, BEM, Atomic . S…
leifermendez/skill-pack
10
1790
foundry-nextgen- microsoft/copilot-sdk-samples/foundry-nextgen- Build elegant UIs following Microsoft Foundry's NextGen System using Vite + React + pnpm.
microsoft/copilot-sdk-samples
2
1791
django-celery-expert vintasoftware/django-ai-plugins/django-celery-expert Expert Django Celery guidance for asynchronous task processing. Use when ing background tasks, configuring Cele…
vintasoftware/django-ai-plugins
980
1792
-anti-patterns jamie-bitflight/claude_skills/-anti-patterns Enforce anti-AI UI rules based on the Uncodixfy methodology. Use when generating HTML, CSS, React, Vue, Svelte…
jamie-bitflight/claude_skills
33
1793
-implementation-reviewer ratacat/claude-skills/-implementation-reviewer Use this agent when you need to verify that a UI implementation matches its Figma specifications. This agent s…
ratacat/claude-skills
29
1794
krt-interface-warden elzawarudo/krt/krt-interface-warden Independently or implement distinctive, functional interfaces using Editorial Product UI: content-led…
elzawarudo/krt
4
1795
web3- pluginagentmarketplace/custom-plugin-blockchain/web3- Master Web3 development with wallet integration, viem/wagmi, and dApp UX
pluginagentmarketplace/custom-plugin-blockchain
244
1796
soultrace soultrace-ai/soultrace-skill/soultrace Take a personality assessment via the SoulTrace API. Use when the user wants to take a personality test, discover the…
soultrace-ai/soultrace-skill
12
1797
figma--system-inventory southleft/figma-console-mcp-skills/figma--system-inventory One call to inventory an entire Figma system — variables/tokens (grouped by collection + mode), components and…
southleft/figma-console-mcp-skills
104
1798
headless-bff-architecture vtex/skills/headless-bff-architecture Apply when ing or modifying a BFF (Backend-for-) layer, middleware, or API proxy for a headless VTEX st…
vtex/skills
825
1799
figma-check--parity southleft/figma-console-mcp-skills/figma-check--parity Compare a Figma node's actual specs against a code spec (the values your component renders) and get a 0–100 parity sc…
southleft/figma-console-mcp-skills
99
1800
competitor-experience-audit rampstackco/claude-skills/competitor-experience-audit Audit the brand, UX, and site of the leading sites in a vertical as a set of observable cross-site patterns, p…
rampstackco/claude-skills
191