playhtml
Skill for building collaborative, real-time HTML elements with playhtml. Covers APIs, data types, and common mistakes.
Pacote de plugins · de Spencer Chang
Resumo
playhtml é um pacote de plugins para ferramentas de programação com IA publicado por Spencer Chang. Marketplaces que lemos e que o listam: 1 (Community GitHub marketplaces). A última mudança que registramos foi em 2026-11-09. Conforme nossa passagem pelos marketplaces em 2026-11-10.
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 spencerc99/playhtml
/plugin install playhtml@playhtmlOnde está publicado
| Marketplace | Status | Versão | Números | Verificado | Visto pela primeira vez |
|---|---|---|---|---|---|
| Marketplace da comunidade spencerc99/playhtml (Abrir o código no GitHub) | Listado | 1.0.0 | Forks (GitHub): 20 Estrelas (GitHub): 522 |
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) |
|---|---|---|
| playhtml | spencerc99/playhtml | 522 |
O que o pacote contém
Conforme publicado em Community GitHub marketplaces.
Skills: 2
building-playhtml-elementswriting-developer-docs
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.
-
Creates interactive HTML playgrounds — self-contained single-file explorers with visual controls, live preview, and prompt output with copy button. Includes templates for design…
-
Creates interactive HTML playgrounds — self-contained single-file explorers with visual controls, live preview, and prompt output. Includes templates for design playgrounds, data…
-
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…
-
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…
-
html-artifacts
Generate interactive HTML explainers, PR walkthroughs, and presentations
-
Share AI-generated HTML as a private, end-to-end encrypted link. Update it later at the same link.
-
Expert web development assistance with React, Next.js, NestJS, TypeScript, and Tailwind CSS
-
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
-
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
-
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates…
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)
-
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…
-
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…
-
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…
-
Enhances Claude for developing full-stack web apps with Wasp (React, Node.js, Prisma)
-
10 years of engineering judgment. One Claude plugin. Zero noise.
Listado em Claude Code: claude-plugins-official (5)
-
Creates interactive HTML playgrounds — self-contained single-file explorers with visual controls, live preview, and prompt output with copy button. Includes templates for design…
-
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
-
Keep your coding agent up to date with the latest web best practices
-
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…
-
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)
-
Keep your coding agent up to date with the latest web best practices
-
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…
-
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…
-
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
Listado em Codex: openai-curated (openai/plugins) (5)
-
Build web apps with frontend asset design, browser testing, UI components, payments, and database guidance.
-
Use MagicPath to find, inspect, install, create, and edit UI components from Codex.
-
Figma workflows for design implementation, Code Connect templates, and design system rule generation.
-
Qodo setup, code intelligence, and review workflows.
-
Evaluate Codex skills and plugins from chat with a beginner-friendly start command, local-first reports, token budget explanations, and guided benchmarking.
Listado em Community GitHub marketplaces (5)
-
Creates interactive HTML playgrounds — self-contained single-file explorers with visual controls, live preview, and prompt output. Includes templates for design playgrounds, data…
-
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…
-
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…
-
html-artifacts
Generate interactive HTML explainers, PR walkthroughs, and presentations
-
Expert web development assistance with React, Next.js, NestJS, TypeScript, and Tailwind CSS
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.
-
Keep your coding agent up to date with the latest web best practices
-
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…
-
Model, visualize, and deploy applications with Radius from the GitHub Copilot app and CLI.
-
Build and publish websites, dashboards, reports, and small web tools with Spacefast. Includes skills for editing Spaces, sharing previews, connecting domains, and restoring…
Listado em Copilot CLI: github/copilot-plugins (5)
-
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.
-
mcp-apps
Generate MCP App widgets for MCP tools. Produces self-contained HTML widgets using the MCP Apps protocol.
-
Bring Azure DevOps work-item, repository, and pull-request workflows into GitHub Copilot.
Listado em Cursor: cursor/plugins (5)
-
Render documentation as a navigable canvas.
-
Render PR diffs as review canvases grouped by importance.
-
Generate presentations, documents, and webpages.
-
Build apps, scripts, and automations with the TypeScript SDK.
-
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…
Listado em Docker MCP Catalog (5)
-
Tools and resources for writing Effect code in Typescript.
-
Access the latest Astro web framework documentation, guides, and API references.
-
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.
-
next-devtools-mcp is a Model Context Protocol (MCP) server that provides Next.js development tools and utilities for AI coding assistants.
Listado em Official MCP Registry (5)
-
Share AI-generated HTML as a private, end-to-end encrypted link. Update it later at the same link.
-
Lightning-fast HTML generation from AI agents with 15 tools, 22 components, and 25 templates.
-
Build websites and web apps with AI, see them in the chat, and publish them.
-
wovo io.github.theshajha/wovo
Deploy HTML from any AI tool to a versioned, shareable library on wovo.dev; manage pages.
-
Let your AI agent build, preview and update web apps, download source and publish when you allow it.
Listado em PyPI (MCP servers) (5)
-
Gives AI agents the function they asked for, not the file. Commercial use needs a license.
-
Section-level doc search for .md, .rst, .adoc, .org, .ipynb, .html, .yaml, .json, and OpenAPI specs.
-
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…
-
Human-to-AI code review bridge. Review UI in the browser, AI agents fix code via MCP.
-
canva com.mcparmory/canva
Create designs, manage assets, and automate design generation from external workflows
Listado em npm registry (MCP servers) (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.
-
An agent skill that turns complex terminal output into styled HTML pages you actually want to read.
-
Create, edit, review, and explicitly publish Live or Snapshot Markdown Documents in mdedit.ai.
-
MCP Server for Impact UI Library - AI-powered component documentation, code generation, UI archetypes, and design system intelligence
-
AI-powered virtual IT department via MCP — codebase intelligence, 9-agent scrum team, sprint management, and React dashboard in one npm package
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.