frontend-design
Frontend design patterns and implementation skills for distinctive, non-generic UI experiences
Pacote de plugins · de doodledood
Resumo
frontend-design é um pacote de plugins para ferramentas de programação com IA publicado por doodledood. Marketplaces que lemos e que o listam: 1 (Community GitHub marketplaces). A última mudança que registramos foi em 2026-10-21. Conforme nossa passagem pelos marketplaces em 2026-10-21.
O que pede
- Instala-se como pacote de plugins
Nenhum dos marketplaces que lemos publica as ferramentas ou as configurações que ele pede.
O que declara, pede e executa, por completo
Instale apenas plugins de desenvolvedores em quem você confia. Mostramos o que os marketplaces publicam e não testamos plugins.
Funciona com
- Claude Code
Pelos marketplaces que o listam e pelo transporte MCP que declara, conforme cada cliente documenta. Não testamos plugins.
Conectar
Comandos e configurações gerados apenas a partir do que os marketplaces declaram. Não os executamos por você e não testamos plugins.
Como plugin do Claude Code
Gerado a partir do que Community GitHub marketplaces declara.
/plugin marketplace add doodledood/claude-code-plugins
/plugin install frontend-design@claude-code-plugins-marketplaceOnde está publicado
| Marketplace | Status | Versão | Números | Verificado | Visto pela primeira vez |
|---|---|---|---|---|---|
| Marketplace da comunidade doodledood/claude-code-plugins (Abrir o código no GitHub) | Listado | 1.1.0 | Forks (GitHub): 5 Estrelas (GitHub): 35 |
Sem marcação |
Cada número é do próprio marketplace e nunca é somado entre marketplaces. Um marketplace que não publica números não mostra nenhum: sem número não é zero.
Listado em um marketplace da comunidade
| Marketplace | Repositório | Estrelas (GitHub) |
|---|---|---|
| claude-code-plugins-marketplace | doodledood/claude-code-plugins | 35 |
O que o pacote contém
Conforme publicado em Community GitHub marketplaces.
Skills: 1
scrollytelling
O que mudou
- Passou a ser um produto que acompanhamos
- Community GitHub marketplaces: apareceu
Plugins semelhantes
Produtos cujos próprios nomes, descrições, ferramentas e skills são os mais próximos deste pelo significado, em todos os marketplaces que lemos. A proximidade é ordenada apenas dentro desta lista.
-
React, Vue, Svelte, CSS and component skills for building interfaces.
-
Design quality layer: UI/UX excellence, taste, style systems, interface polish and design review for premium web design.
-
All in one skills about software design, UI/UX
-
A collection of UI design skills: editorial-designer (fashion/magazine aesthetic) and apple-ui-designer (iOS HIG native feel)
-
Frontend Essentials
Skills for frontend and mobile application work.
-
Product-specific frontend design, implementation, accessibility, discoverability, integration testing, and release validation for web, mobile, and desktop projects.
-
frootai-design-frontend-skills
FrootAI design & frontend skills — UI components, design systems, responsive layouts, and web scaffolding. (23 skills)
-
Design frontends, test interactions, and write clear interface copy.
-
Premium scroll-driven landing pages in two skills, concept then build. Interview, journey, feeling curve with one peak, one bespoke signature move, generated or supplied assets…
-
Web development tools including frontend design workflows
Plugins semelhantes por marketplace
A mesma pergunta feita a cada marketplace separadamente: existe lá um equivalente deste plugin?
Listado em Claude Code: claude-plugins-community (5)
-
All in one skills about software design, UI/UX
-
Eliminates the AI-generated look from any frontend. Identifies the specific patterns that make sites look AI-generated and provides concrete fixes for each one. Includes design…
-
Build frontend on autopilot. Pixel-perfect Figma-to-code with autonomous refinement.
-
Local design-iteration skill — self-hosted alternative to SuperDesign. Iterates static HTML/CSS mockups using your real Tailwind tokens and shadcn/ui class vocabulary.
-
A full design suite for Claude Code: 58 brand design systems (Stripe, Linear, Vercel, Google, Anthropic and more) + 5 curated skills for UI/UX generation, accessibility auditing…
Listado em Claude Code: claude-plugins-official (5)
-
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
-
Design or redesign frontend UI and marketing graphics on the Superdesign infinite canvas. Reads your codebase for context, sets up a design system, and generates branchable design…
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
HyperFrames by HeyGen. Write HTML, render video. Compositions, GSAP and runtime adapter animations, captions, voiceovers, audio-reactive visuals, and website-to-video capture for…
-
Liquid language fundamentals, CSS/JS/HTML coding standards, and WCAG accessibility patterns for Shopify themes
Listado em Claude: knowledge-work-plugins (5)
-
Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Sanity content platform integration with MCP server, agent skills, and slash commands. Query and author content, build and optimize GROQ queries, design schemas, and set up Visual…
-
Keep your coding agent up to date with the latest web best practices
-
Create production-ready Pendo in-app guides (walkthroughs, announcements, alerts, polls, promotions) as HTML/CSS/JS from a short intake conversation, using Pendo's guide…
Listado em Codex: openai-curated (openai/plugins) (5)
-
Figma workflows for design implementation, Code Connect templates, and design system rule generation.
-
Build web apps with frontend asset design, browser testing, UI components, payments, and database guidance.
-
Design, critique, implement, test, and export web data visualizations in Codex, including charts, maps, dashboards, Gantt, UML, scrollytelling, reports, slides, mobile views…
-
The Product Design plugin is built for turning early ideas into prototypes teams can review. It starts design and build work by confirming the brief, then helps teams explore…
-
Use MagicPath to find, inspect, install, create, and edit UI components from Codex.
Listado em Community GitHub marketplaces (5)
-
React, Vue, Svelte, CSS and component skills for building interfaces.
-
Design quality layer: UI/UX excellence, taste, style systems, interface polish and design review for premium web design.
-
A collection of UI design skills: editorial-designer (fashion/magazine aesthetic) and apple-ui-designer (iOS HIG native feel)
-
Frontend Essentials
Skills for frontend and mobile application work.
-
Product-specific frontend design, implementation, accessibility, discoverability, integration testing, and release validation for web, mobile, and desktop projects.
Listado em Copilot CLI: github/awesome-copilot (5)
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Essential prompts, instructions, and chat modes for modern frontend web development including React, Angular, Vue, TypeScript, and CSS frameworks.
-
Equips AI coding agents with knowledge and tooling for working with UI theme designer, the SAP Design System, and SAP Fiori design tokens.
-
Design, build, review, and publish GitHub Skills-style exercises with one coordinating agent and five Agent Skills for learner journeys, workflow-backed validation, and release…
-
Plan, draft, and track a personal website section by section — a shared canvas where you and your agent author content, watch progress, and review every change.
Listado em Copilot CLI: github/copilot-plugins (5)
-
mcp-apps
Generate MCP App widgets for MCP tools. Produces self-contained HTML widgets using the MCP Apps protocol.
-
Toolkit for building Microsoft 365 Copilot declarative agents — scaffolding, JSON manifest development, and capability configuration.
-
code-apps-preview
Build and deploy Power Apps code apps using React, Vite, and Power Platform connectors.
-
Build Power Apps Canvas Apps using the Canvas Authoring MCP server.
-
Complete bundle: all Microsoft Skills for Fabric for developers and consumers.
Listado em Cursor: cursor/plugins (5)
Listado em Docker MCP Catalog (5)
-
Generate images, video, and audio with Glif's media-generation agent
-
Model Context Protocol (MCP) server for the Webflow Data API.
-
A Model Context Protocol (MCP) server that empowers LLMs to use some of Open Srategy Partners' core writing and product marketing techniques.
-
Access the latest Astro web framework documentation, guides, and API references.
-
Tools and resources for writing Effect code in Typescript.
Listado em Official MCP Registry (5)
-
designer-skill-mcp io.github.PyModel/designer-skill-mcp
UI design MCP: design references, intent routing, anti-slop static detector and gate. No API key.
-
figma-mcp-express io.github.sunhome243/figma-mcp-express
Compact Figma MCP with validated batch ops through a local plugin bridge.
-
design-system app.zaklad/design-system
Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.
-
Generates React components and design frameworks from visual layouts.
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
Listado em npm registry (MCP servers) (5)
-
figma-ui-mcp io.github.TranHoaiHung/figma-ui-mcp
Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back
-
idmly: HTML to InDesign (IDML)
Convert a self-contained HTML design into an editable Adobe InDesign (.idml) file. 2 pages free.
-
One workspace for every AI coding assistant. Shared tasks, memory, and governance.
-
AI marketing agent and AI ad generator: 922 tools, usable alone. No markup on models.
-
A local MCP server with full Figma REST API coverage.
Encontrados pelo significado, não por código ou repositório em comum: plugins semelhantes continuam sendo produtos distintos, e isto não é uma avaliação nem uma recomendação.
Quer esta marca no seu plugin em nosso catálogo?
Prove que o mantém com um arquivo no repositório, um arquivo no seu domínio ou um registro DNS, e você poderá mostrar esta marca na ficha, com banners ao vivo para o seu site e o README. Como funciona a verificação
Você também recebe alertas quando um marketplace o publica, o remove, muda a marca de verificado ou o que ele pede, e o endpoint remoto passa a ser monitorado como um serviço web.
Dados de Community GitHub marketplaces. Os números vêm das nossas próprias passagens regulares pelos marketplaces, última leitura em . Não publicamos dados de contato dos editores de plugins.