plannotator-effective-html
Give standalone HTML artifacts a subject-specific visual direction, then create wireframes, styled mockups, interactive prototypes, plans, diagrams, and general artifacts.
Paquete de plugins · de plannotator
Resumen
plannotator-effective-html es un paquete de plugins para herramientas de programación con IA publicado por plannotator. Marketplaces que leemos y que lo publican: 1 (Community GitHub marketplaces). El último cambio que registramos fue el 2026-11-06. Según nuestra pasada por los marketplaces del 2026-11-07.
Qué pide
- Se instala como paquete de plugins
Ninguno de los marketplaces que leemos publica sus herramientas ni los ajustes que pide.
Lo que declara, pide y ejecuta, completo
Instala solo plugins de desarrolladores en los que confíes. Mostramos lo que publican los marketplaces y no probamos plugins.
Funciona con
- Claude Code
Según los marketplaces que lo listan y el transporte MCP que declara, tal como lo documenta cada cliente. No probamos plugins.
Conectar
Comandos y configuraciones generados solo a partir de lo que declaran sus marketplaces. No los ejecutamos por ti ni probamos plugins.
Como plugin de Claude Code
Generado a partir de lo que declara Community GitHub marketplaces.
/plugin marketplace add plannotator/effective-html
/plugin install plannotator-effective-html@effective-html
Dónde está publicado
| Marketplace | Estado | Versión | Cifras | Verificado | Visto por primera vez |
|---|---|---|---|---|---|
| Marketplace de la comunidad plannotator/effective-html (Abrir el código en GitHub) | Publicado | sin indicar | Forks (GitHub): 278 Estrellas (GitHub): 4 033 |
Sin marca |
Cada cifra es del propio marketplace y nunca se suma entre marketplaces. Un marketplace que no publica cifras no muestra ninguna: sin número no es cero.
Figura en un marketplace de la comunidad
| Marketplace | Repositorio | Estrellas (GitHub) |
|---|---|---|
| effective-html | plannotator/effective-html | 4 033 |
Cómo han cambiado sus cifras
- 2026-11-03261
- 2026-11-05270
- 2026-11-06278
- 2026-11-033,8 mil
- 2026-11-053,9 mil
- 2026-11-064 mil
Cada punto es un día en que leímos un número distinto; los tramos planos son días en que el número no cambió. Las cifras de distintos marketplaces nunca se suman.
Qué contiene el paquete
Tal como se publica en Community GitHub marketplaces.
Skills: 8
big-pics-little-wordsdesign-artifacthtmlhtml-diagramhtml-planhtml-prototypehtml-wireframeone-pager
Qué cambió
- Pasó a ser un producto que seguimos
- Community GitHub marketplaces: apareció
Plugins similares
Productos cuyos propios nombres, descripciones, herramientas y skills son los más cercanos a este por su significado, en todos los marketplaces que leemos. La cercanía se ordena solo dentro de esta 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 similares por marketplace
La misma pregunta a cada marketplace por separado: ¿hay allí un equivalente de este plugin?
Publicado en 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…
Publicado en 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…
Publicado en 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.
Publicado en 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…
Publicado en 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…
Publicado en 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.
Publicado en 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.
Publicado en Cursor: cursor/plugins (5)
Publicado en 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.
Publicado en 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.
Publicado en 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.
Publicado en 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 por significado, no por código ni repositorio compartidos: los plugins similares siguen siendo productos distintos, y esto no es una reseña ni una recomendación.
¿Quieres esta marca para tu plugin en nuestro catálogo?
Demuestra que lo mantienes con un archivo en su repositorio, un archivo en tu dominio o un registro DNS, y podrás mostrar esta marca en la ficha, con banners en vivo para tu web y tu README. Cómo funciona la verificación
Además recibirás avisos cuando un marketplace lo publique, lo retire, cambie su marca verificada o lo que pide, y su endpoint remoto quedará monitorizado como un servicio web.
Datos de Community GitHub marketplaces. Las cifras proceden de nuestros propios recorridos periódicos por los marketplaces, leída por última vez el . No publicamos datos de contacto de los editores de plugins.