component-patterns-plugin
Reusable UI component patterns - version badge, tooltips, and common UI elements for React, Vue, Svelte
Pacote de plugins · de Lauri Gates
Resumo
component-patterns-plugin é um pacote de plugins para ferramentas de programação com IA publicado por Lauri Gates. Marketplaces que lemos e que o listam: 1 (Community GitHub marketplaces). Vimos pela primeira vez em 2026-10-26 e não registramos mudanças desde então. Conforme nossa passagem pelos marketplaces em 2026-10-28.
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 laurigates/claude-plugins
/plugin install component-patterns-plugin@laurigates-claude-pluginsOnde está publicado
| Marketplace | Status | Versão | Números | Verificado | Visto pela primeira vez |
|---|---|---|---|---|---|
| Marketplace da comunidade laurigates/claude-plugins (Abrir o código no GitHub) | Listado | 1.5.1 | Forks (GitHub): 6 Estrelas (GitHub): 59 |
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) |
|---|---|---|
| laurigates-claude-plugins | laurigates/claude-plugins | 59 |
O que o pacote contém
Conforme publicado em Community GitHub marketplaces.
Skills: 2
components-version-badgeversion-badge-pattern
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.
-
147 zero-dependency React components with Aurora Fluid design. 5 skills for component discovery, code generation, design system reference, tier selection, and accessibility…
-
Search, compare, compose, and install free source-backed React UI from Watermelon.
-
Use this agent when building user interfaces, implementing React/Vue/Angular components, handling...
-
Expert shadcn/ui with Radix UI and Base UI detection, component patterns, registries, theming, and migration
-
Generates starter component code using design tokens. Creates React/Vue/Svelte components with proper token usage, variants, and accessibility built in.
-
Pre-built animated React component collections combining Magic UI (150+ TypeScript/Tailwind/Motion components) and React Bits (90+ minimal-dependency animated components). Use…
-
Build complex HTML artifacts with React, Tailwind CSS, and shadcn/ui
-
MCP server for UI Beats. Let your coding agent search, read and install animated React components.
-
Design system toolkit: tokens, components, accessibility, and framework integrations
-
Live access to 12 shadcn-style component libraries so agents compose UI from real components.
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)
-
147 zero-dependency React components with Aurora Fluid design. 5 skills for component discovery, code generation, design system reference, tier selection, and accessibility…
-
AI skills, agents, hooks, and commands for the Doom Design System, a neubrutalist React component library. Gives AI agents deep knowledge of every component's API, A2UI protocol…
-
Teaches Claude Code the complete Shopify Polaris web component library (<s-*> custom elements) for building Shopify App Home UIs. Covers all 46 components with props, events…
-
All in one skills about software design, UI/UX
-
Teach your AI agent the Plex UI component library — subpath imports, unified size scale (3xs–3xl), semantic colors, dark mode via light-dark, and 460+ icons. Works with 35+…
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.
-
SAPUI5 / OpenUI5 plugin for coding agents. Create and validate UI5 projects, access API documentation, run UI5 linter, get development guidelines and best practices for UI5…
-
Plugin for coding agents working with UI theme designer. Bundles two skills: how-to and conceptual answers about UI theme designer on BTP, and questions about the SAP Design…
-
Keep your coding agent up to date with the latest web best practices
-
Creates interactive HTML playgrounds — self-contained single-file explorers with visual controls, live preview, and prompt output with copy button. Includes templates for design…
Listado em Claude: knowledge-work-plugins (5)
-
Keep your coding agent up to date with the latest web best practices
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Build and deploy Base44 full-stack apps with CLI project management and JavaScript/TypeScript SDK development skills
-
Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.
-
Agentic engineering skills for Qt software development — Qt C++/QML code review, QML coding, and Qt C++/QML code documentation.
Listado em Codex: openai-curated (openai/plugins) (5)
-
Use MagicPath to find, inspect, install, create, and edit UI components from Codex.
-
Build web apps with frontend asset design, browser testing, UI components, payments, and database guidance.
-
Figma workflows for design implementation, Code Connect templates, and design system rule generation.
-
Design, critique, implement, test, and export web data visualizations in Codex, including charts, maps, dashboards, Gantt, UML, scrollytelling, reports, slides, mobile views…
-
Qodo setup, code intelligence, and review workflows.
Listado em Community GitHub marketplaces (5)
-
Search, compare, compose, and install free source-backed React UI from Watermelon.
-
Use this agent when building user interfaces, implementing React/Vue/Angular components, handling...
-
Expert shadcn/ui with Radix UI and Base UI detection, component patterns, registries, theming, and migration
-
Generates starter component code using design tokens. Creates React/Vue/Svelte components with proper token usage, variants, and accessibility built in.
-
Pre-built animated React component collections combining Magic UI (150+ TypeScript/Tailwind/Motion components) and React Bits (90+ minimal-dependency animated components). Use…
Listado em Copilot CLI: github/awesome-copilot (5)
-
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.
-
SAPUI5 / OpenUI5 plugin for GitHub CoPilot. Create and validate UI5 projects, access API documentation, run UI5 linter, get development guidelines and best practices for UI5…
-
Keep your coding agent up to date with the latest web best practices
-
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 Copilot CLI: github/copilot-plugins (5)
-
code-apps-preview
Build and deploy Power Apps code apps using React, Vite, and Power Platform connectors.
-
mcp-apps
Generate MCP App widgets for MCP tools. Produces self-contained HTML widgets using the MCP Apps protocol.
-
Build Power Apps Canvas Apps using the Canvas Authoring MCP server.
-
mobile-app
Build and deploy Power Apps code apps for mobile using Expo (React Native), with native device functionality and Power Platform connectors
-
Toolkit for building Microsoft 365 Copilot declarative agents — scaffolding, JSON manifest development, and capability configuration.
Listado em Cursor: cursor/plugins (5)
-
Build apps, scripts, and automations with the TypeScript SDK.
-
Render documentation as a navigable canvas.
-
Skills for building on the Cursor Origin API. Fetch the live spec first, then follow the Origin rules for credentials, scopes, webhooks, paging, and errors. Includes a skill that…
-
Render PR diffs as review canvases grouped by importance.
-
Design, build, and edit your Framer sites, pages, and CMS content.
Listado em Docker MCP Catalog (5)
-
next-devtools-mcp is a Model Context Protocol (MCP) server that provides Next.js development tools and utilities for AI coding assistants.
-
Access the latest Astro web framework documentation, guides, and API references.
-
Tools and resources for writing Effect code in Typescript.
-
Generate images, video, and audio with Glif's media-generation agent
-
Stop stitching context for Copilot and Cursor. With Sequa MCP, your AI tools know your entire codebase and docs out of the box.
Listado em Official MCP Registry (5)
-
MCP server for UI Beats. Let your coding agent search, read and install animated React components.
-
Live access to 12 shadcn-style component libraries so agents compose UI from real components.
-
registry com.crucibleui/registry
Browse and install Crucible's animated React components into shadcn-style projects.
-
Browse, inspect, and retrieve installable React and Next.js interaction effects from Hyperiux Vault.
-
Search and add animated Expo and React Native UI components, charts and screens to your app.
Listado em PyPI (MCP servers) (5)
-
figma com.mcparmory/figma
Export files, access design data, manage projects, comments, and team assets
-
canva-mcp io.github.wmarceau/canva-mcp
MCP server for Canva - create designs, manage assets, use templates, export graphics
-
Deploy production REST and Neo4j Graph APIs from JSON schemas in seconds.
-
canva com.mcparmory/canva
Create designs, manage assets, and automate design generation from external workflows
-
repo-graph io.github.James-Chahwan/repo-graph
Structural graph map of any codebase so LLMs navigate by structure, not guesswork.
Listado em npm registry (MCP servers) (5)
-
Audit your Design System and serve your Agent the rules that keep AI-written UI on-system.
-
AI-Ready design system MCP: melta UI tokens, component contracts, 107 rules, check_html self-verify
-
Search Keyline Icons by name and get any icon's SVG source or React import. No key, no network.
-
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.
-
The WunderUI design system for coding agents: components, props, tokens, rules and skills.
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.