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 →

11,639 results for “frontend-design” · page 172

#
Skill
Source
Installs
8551
execplan site/smithery.ai/execplan When writing complex features or significant refactors or user ask explicitly, use an ExecPlan from to impleme…
smithery.ai
2
8552
experiment-verification-monitoring lvtd-llc/skills/experiment-verification-monitoring Verify and monitor running experiments for operational quality. Use when ing prelaunch QA, spot-check tooling, …
lvtd-llc/skills
2
8553
faion-ux-ui-er site/smithery.ai/faion-ux-ui-er UX/UI orchestrator: user research, UI , accessibility.
smithery.ai
2
8554
fastapi-patterns site/smithery.ai/fastapi-patterns FastAPI best practices, Pydantic models, SQLAlchemy ORM, async patterns, dependency injection, and JWT authentication…
smithery.ai
2
8555
favicon-generator site/smithery.ai/favicon-generator Generate professional-quality favicons that rival the best app icons. Uses a multi-layer effects engine with drop sha…
smithery.ai
2
8556
figma-code-connect jgamaraalv/delivery-loop/figma-code-connect Create or update Figma Code Connect template files (.figma.ts/.figma.js) that map Figma components to code. Use for C…
jgamaraalv/delivery-loop
2
8557
figma-integration site/smithery.ai/figma-integration Guidelines for integrating Figma s with development workflows using MCP servers and best practices
smithery.ai
2
8558
figma-to-react site/smithery.ai/figma-to-react Convert Figma s to pixel-perfect React components with Tailwind CSS.
smithery.ai
2
8559
figma-workflow dragoon0x/everything--taste/figma-workflow Advanced Figma workflows, auto-layout mastery, component architecture, and team collaboration.
dragoon0x/everything--taste
2
8560
file-upload-patterns dragoon0x/everything--taste/file-upload-patterns File upload interfaces, progress indication, file type validation, and multi-file upload.
dragoon0x/everything--taste
2
8561
flpbalada-progressive-disclosure microck/opendots-microck/flpbalada-progressive-disclosure Reduce complexity by revealing information progressively. Use when ing onboarding, complex forms, feature-rich …
microck/opendots-microck
2
8562
flutter-architecture yakoub-ai/flutterforge/flutter-architecture >- Define, choose, or review the technical architecture for a Flutter app. Use when the user wants to structure a new…
yakoub-ai/flutterforge
2
8563
forge-bolder dragoon0x/forge/forge-bolder Amplify the within your system's range. Use stronger palette shades, higher type scale steps, and more dramati…
dragoon0x/forge
2
8564
forge-dark dragoon0x/forge/forge-dark Generate a dark mode variant of your system. Creates dark-mode token overrides that preserve contrast ratios f…
dragoon0x/forge
2
8565
forge-diff dragoon0x/forge/forge-diff Show the difference between your .forge.json system and what's actually in the code. Lists every value that dr…
dragoon0x/forge
2
8566
forge-export-css dragoon0x/forge/forge-export-css Export your complete system as CSS custom properties. Includes palette, tokens, type scale, spacing, shadows, …
dragoon0x/forge
2
8567
forge-export-figma dragoon0x/forge/forge-export-figma Export your system in Figma Tokens format. Ready to import into Figma via the Tokens Studio plugin.
dragoon0x/forge
2
8568
forge-export-scss dragoon0x/forge/forge-export-scss Export your system as SCSS variables and mixins. Includes palette map, type scale mixin, spacing function, and…
dragoon0x/forge
2
8569
forge-export-tw dragoon0x/forge/forge-export-tw Export your system as a Tailwind CSS configuration. Generates theme.extend with colors, fonts, spacing, shadow…
dragoon0x/forge
2
8570
forge-harden dragoon0x/forge/forge-harden Add error states, loading states, i18n safety, and edge case handling using your system's tokens.
dragoon0x/forge
2
8571
forge-init dragoon0x/forge/forge-init Generate a complete system from a brand color and project type. Creates .forge.json with palette, tokens, type…
dragoon0x/forge
2
8572
forge-polish dragoon0x/forge/forge-polish Final quality pass checking every value against your system. The last command before shipping.
dragoon0x/forge
2
8573
forge-quieter dragoon0x/forge/forge-quieter Tone down the within your system's range. Use subtler shades, smaller type differences, and softer shadows.
dragoon0x/forge
2
8574
forge-score dragoon0x/forge/forge-score Score how well the codebase adheres to your system. 0-100, where 100 means every value references a token and …
dragoon0x/forge
2
8575
forge-update dragoon0x/forge/forge-update Regenerate the entire system from a new brand color while preserving the project type. Updates .forge.json and…
dragoon0x/forge
2
8576
Framer Expert frankxai/frankx.ai-vercel-website/framer-expert Expert in Framer and development - from interactive prototypes to production sites with Framer Motion, CMS int…
frankxai/frankx.ai-vercel-website
2
8577
frankx-brand frankxai/frankx.ai-vercel-website/frankx-brand Apply official FrankX brand standards to all artifacts, ensuring visual consistency across content, products, and com…
frankxai/frankx.ai-vercel-website
2
8578
gateway site/smithery.ai/gateway ing and reviewing APIs: OpenAPI spec generation, versioning strategy, breaking change detection, REST/GraphQL b…
smithery.ai
2
8579
gdpr site/smithery.ai/gdpr GDPR compliance including privacy by , data protection requirements, consent management, right to be forgotten,…
smithery.ai
2
8580
gear-message-execution gear-foundation/vara-skills/gear-message-execution Use when a builder needs to or debug Gear message flow, replies, delayed execution, reservations, or waitlist …
gear-foundation/vara-skills
2
8581
gh-repo-father htlin222/gh-repo-father-skill/gh-repo-father The ultimate GitHub repo bootstrapper. Trigger this skill whenever a user wants to start a new project, build an idea…
htlin222/gh-repo-father-skill
2
8582
glass-morphism dragoon0x/everything--taste/glass-morphism Glassmorphism patterns, backdrop blur, frosted glass effects, and when to use (and avoid) glass effects.
dragoon0x/everything--taste
2
8583
go-code-review openshift/lightspeed-operator/go-code-review Reviews Go code for idiomatic patterns, error handling, concurrency safety, and common mistakes. Use when reviewing .…
openshift/lightspeed-operator
2
8584
graphql-schema-er site/smithery.ai/graphql-schema-er s GraphQL schemas with types, queries, mutations, subscriptions, resolvers, and DataLoader patterns for efficie…
smithery.ai
2
8585
grid-mastery dragoon0x/everything--taste/grid-mastery Advanced grid systems, subgrid, asymmetric grids, breaking the grid intentionally, and CSS Grid strategies.
dragoon0x/everything--taste
2
8586
heuristic-evaluation dragoon0x/everything--taste/heuristic-evaluation Nielsen's heuristics applied, expert evaluation methods, and heuristic checklist.
dragoon0x/everything--taste
2
8587
icon-systems dragoon0x/everything--taste/icon-systems Icon consistency, metaphor selection, optical sizing, and building icon systems that scale.
dragoon0x/everything--taste
2
8588
illustration-system dragoon0x/everything--taste/illustration-system Illustration style guides, when to use illustration vs photography, and maintaining illustration consistency.
dragoon0x/everything--taste
2
8589
image-treatment dragoon0x/everything--taste/image-treatment Image optimization, aspect ratios, art direction, responsive images, and image loading strategies.
dragoon0x/everything--taste
2
8590
implement-feature tddworks/claudebar/implement-feature Guide for implementing features in ClaudeBar following architecture-first , TDD, rich domain models, and Swift …
tddworks/claudebar
2
8591
implement-to-merge-ready s-hiraoku/codex-harnesses/implement-to-merge-ready Run an end-to-end implementation delivery workflow from user request to merge-ready pull request.
s-hiraoku/codex-harnesses
2
8592
improvement tddworks/claudebar/improvement Guide for making improvements to existing ClaudeBar functionality using TDD. Use this skill when: (1) Enhancing exist…
tddworks/claudebar
2
8593
infrastructure-expert site/smithery.ai/infrastructure-expert Expert infrastructure including networking, compute, storage, and operations
smithery.ai
2
8594
ink-satire-figures fanzr-arch/phil--skills/ink-satire-figures 把主题、标题、判断或?
fanzr-arch/phil--skills
2
8595
internationalization-patterns dragoon0x/everything--taste/internationalization-patterns ing for global audiences, cultural considerations, and international UX.
dragoon0x/everything--taste
2
8596
investigating-a-codebase site/smithery.ai/investigating-a-codebase Use when planning or ing features and need to understand current codebase state, find existing patterns, or ver…
smithery.ai
2
8597
investigation site/smithery.ai/investigation Scaffolds a structured investigation in scratch/ for empirical research and documentation. Use when the user says "st…
smithery.ai
2
8598
iot-expert site/smithery.ai/iot-expert >- Expert-level IoT systems, embedded devices, edge computing, and IoT protocols. Use when the user mentions embedded…
smithery.ai
2
8599
java-best-practices-code-review site/smithery.ai/java-best-practices-code-review Analyzes Java code against industry best practices and evaluates principles including SOLID, exception handlin…
smithery.ai
2
8600
jobs-to-be-done-practice dragoon0x/everything--taste/jobs-to-be-done-practice Practical JTBD interview techniques, job mapping, and translating jobs into features.
dragoon0x/everything--taste
2