plannotator-effective-html
Give standalone HTML artifacts a subject-specific visual direction, then create wireframes, styled mockups, interactive prototypes, plans, diagrams, and general artifacts.
Pacote de plugins · de plannotator
Resumo
plannotator-effective-html é um pacote de plugins para ferramentas de programação com IA publicado por plannotator. Marketplaces que lemos e que o listam: 1 (Community GitHub marketplaces). A última mudança que registramos foi em 2026-11-06. Conforme nossa passagem pelos marketplaces em 2026-11-07.
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 plannotator/effective-html
/plugin install plannotator-effective-html@effective-htmlOnde está publicado
| Marketplace | Status | Versão | Números | Verificado | Visto pela primeira vez |
|---|---|---|---|---|---|
| Marketplace da comunidade plannotator/effective-html (Abrir o código no GitHub) | Listado | não informada | Forks (GitHub): 278 Estrelas (GitHub): 4 033 |
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) |
|---|---|---|
| effective-html | plannotator/effective-html | 4 033 |
Como os números mudaram
- 2026-11-03261
- 2026-11-05270
- 2026-11-06278
- 2026-11-033,8 mil
- 2026-11-053,9 mil
- 2026-11-064 mil
Cada ponto é um dia em que lemos um número diferente; os trechos planos são dias em que o número não mudou. Números de marketplaces diferentes nunca são somados.
O que o pacote contém
Conforme publicado em Community GitHub marketplaces.
Skills: 8
big-pics-little-wordsdesign-artifacthtmlhtml-diagramhtml-planhtml-prototypehtml-wireframeone-pager
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.
-
Skills for Claude Code that make it output HTML files instead of plain markdown when HTML is the better fit — specs, system diagrams, ERDs, dashboards, slide decks, design tokens…
-
Write an implementation plan as one interactive HTML page: a tree of claims, each proved by a mockup, state machine, call stack, schema or code, with the decisions you need to…
-
Generate functional, low-fidelity, hand-drawn web prototypes in a Balsamiq-inspired style using wired-elements and react-doodle-icons.
-
html-artifacts
Generate interactive HTML explainers, PR walkthroughs, and presentations
-
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…
-
Generate beautiful HTML pages for diagrams, diff reviews, plan reviews, slides, and data tables
-
HTML diagrams, data tables, and architecture views adapted from nicobailon/visual-explainer with newsroom and academic design sensibilities. Generates self-contained pages with…
-
Produce a self-contained HTML artifact instead of markdown when the content benefits from layout, color, diagrams, interactivity, or a round-trip editor. Knows when to stay in…
-
Sketch, compare and revise local wireframes with your own agent.
-
Skills, workflows and brief templates that let an AI assistant work inside a real Penpot file: tokens, components, screens, slide decks, audits, handoff, Figma migration.
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)
-
Skills for Claude Code that make it output HTML files instead of plain markdown when HTML is the better fit — specs, system diagrams, ERDs, dashboards, slide decks, design tokens…
-
Write an implementation plan as one interactive HTML page: a tree of claims, each proved by a mockup, state machine, call stack, schema or code, with the decisions you need to…
-
29 specialized design agents as Claude Code commands. Bring expert design knowledge into every coding session - accessibility, motion design, design systems, color theory…
-
Teaches AI coding tools to design and edit pencil.dev UI files (.pen format) through the Pencil MCP server. Every read and write goes through the MCP for schema validation. Live…
-
Transform any codebase into an interactive visual HTML guide with animated architecture diagrams, story-mode narrative, data flow animations, and bilingual CN/EN support…
Listado em Claude Code: claude-plugins-official (5)
-
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…
-
Creates interactive HTML playgrounds — self-contained single-file explorers with visual controls, live preview, and prompt output with copy button. Includes templates for 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…
-
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
-
Build beautiful documentation sites with Mintlify. Convert non-markdown files into properly formatted MDX pages, add and modify content with correct component use, and automate…
Listado em Claude: knowledge-work-plugins (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…
-
Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.
-
Build beautiful documentation sites with Mintlify. Convert non-markdown files into properly formatted MDX pages, add and modify content with correct component use, and automate…
-
B12 plugin with two skills: Website Generator (create a B12 website from a brief description) and B12 Website Editor (edit a live B12 website using Claude's browser access in…
-
Secure access to Miro boards. Enables AI to read board context, create diagrams, and generate code with enterprise-grade security.
Listado em Codex: openai-curated (openai/plugins) (5)
-
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…
-
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…
-
Build web apps with frontend asset design, browser testing, UI components, payments, and database guidance.
-
Bring your Canva design workflow into Codex and create, refine, and review designs through natural conversation. Available skills: Resize for social media: Adapt a design for…
Listado em Community GitHub marketplaces (5)
-
Skills for Claude Code that make it output HTML files instead of plain markdown when HTML is the better fit — specs, system diagrams, ERDs, dashboards, slide decks, design tokens…
-
Write an implementation plan as one interactive HTML page: a tree of claims, each proved by a mockup, state machine, call stack, schema or code, with the decisions you need to…
-
Generate functional, low-fidelity, hand-drawn web prototypes in a Balsamiq-inspired style using wired-elements and react-doodle-icons.
-
html-artifacts
Generate interactive HTML explainers, PR walkthroughs, and presentations
-
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…
Listado em Copilot CLI: github/awesome-copilot (5)
-
Generate professional project documentation with draw.io architecture diagrams and Word (.docx) output with embedded images. Automatically discovers any project's technology stack…
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Draw simple diagrams in a Copilot canvas: shapes, arrows that stay attached, text and a freehand pen. Copilot can read, create and edit the same drawing, tidy its layout, and…
-
Render diagrams, click nodes to drill down, and view agent-generated explanations directly in the canvas.
-
Create, edit, present, and export Markdown slides in a GitHub Copilot Canvas.
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.
-
Build Power Apps Canvas Apps using the Canvas Authoring MCP server.
-
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.
-
Bring Azure DevOps work-item, repository, and pull-request workflows into GitHub Copilot.
Listado em Cursor: cursor/plugins (5)
Listado em Docker MCP Catalog (5)
-
Generate images, video, and audio with Glif's media-generation agent
-
Seamlessly create diagrams using the Python diagrams package DSL. This server allows you to generate AWS diagrams, sequence diagrams, flow diagrams, and class diagrams using…
-
A lightweight MCP server for calling MarkItDown.
-
playwright-mcp io.github.microsoft/playwright-mcp
Playwright Tools for MCP
-
Access the latest Astro web framework documentation, guides, and API references.
Listado em Official MCP Registry (5)
-
Draw diagrams, build HTML pages and write Markdown in a live editor the user sees.
-
Structured visual plans and PR recaps with diagrams, prototypes, annotations, and sharing
-
Your AI agent designs editable, clickable UI prototypes on a live canvas.
-
Generates React components and design frameworks from visual layouts.
-
Design presentations, landing pages and social ads with Deckly's tools, then share or export PDF.
Listado em PyPI (MCP servers) (5)
-
Generate beautiful Excalidraw architecture diagrams with auto-layout and component styling
-
AI-powered PowerPoint (.pptx) generation, editing, and review via MCP — 43 tools, 53 slide types, 12 chart types, 8 diagrams, 12 branded presets, 34 archetypes, 8 variant groups…
-
canva com.mcparmory/canva
Create designs, manage assets, and automate design generation from external workflows
-
canva-mcp io.github.wmarceau/canva-mcp
MCP server for Canva - create designs, manage assets, use templates, export graphics
-
Section-level doc search for .md, .rst, .adoc, .org, .ipynb, .html, .yaml, .json, and OpenAPI specs.
Listado em npm registry (MCP servers) (5)
-
An agent skill that turns complex terminal output into styled HTML pages you actually want to read.
-
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.
-
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
-
Local-first MCP server for PlantUML and Mermaid diagrams with drift detection.
-
dgmo-mcp io.github.diagrammo/dgmo-mcp
Generate 40+ diagram types from text; render locally to SVG/PNG, open in the Diagrammo editor
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.