Effective HTML plugin for Codex
Creative direction and focused skills for self-contained HTML artifacts, wireframes, interactive prototypes, plans, and diagrams.
How to install Effective HTML in Codex
1. Add the repo as a Codex plugin marketplace:
codex plugin marketplace add plannotator/effective-html2. Install the plugin from it:
codex plugin add plannotator-effective-html@effective-htmlThis repo ships a Codex marketplace file (.agents/plugins/marketplace.json). The first command adds it as a marketplace (Codex CLI reference); the second installs the plugin 'plannotator-effective-html'. 'effective-html' is the marketplace name from that file. Check the repo README too. Command format: Codex CLI reference.
What it contains
Plugins in this marketplace (1)
plannotator-effective-html
Example prompts from the manifest
- Use $html to choose the right Effective HTML workflow, and compose $design-artifact when the visual direction remains open.
About this listing
Effective HTML is a community plugin on GitHub by plannotator. Its README documents a Codex install and the repo ships a Codex plugin manifest. It passed the CodexStacks quality filter for repos found this way (at least 500 stars, pushed in the last 90 days, not a fork or a list). OpenAI hasn't reviewed it and we haven't tested it. From its files we found 1 plugin. The manifest says version 0.4.0. It's one of 175 listings in the Productivity category. It also appears in best Codex plugins for design and UI.
Stacks Weekly: every new Codex and Grok Build plugin, every Tuesday.
One short email for GrokStacks and CodexStacks readers, with each new plugin's install line and what it ships. Subscribe and get the free starter list: 20 Codex plugins worth installing first.
You'll get a confirmation email first. Unsubscribe anytime.
Effective HTML FAQ
How do I install Effective HTML in Codex?
Add the repo as a Codex plugin marketplace with codex plugin marketplace add plannotator/effective-html, then install it with codex plugin add plannotator-effective-html@effective-html. Commands: the command format from the Codex CLI reference; check the repo README too.
Is Effective HTML an official Codex plugin?
No. Effective HTML is a community repo on GitHub by plannotator. It passed the CodexStacks quality filter, but OpenAI hasn't reviewed it and we haven't tested it, so read the code before you install it.
What does Effective HTML include?
From its manifest and repo files, Effective HTML includes 1 plugin: plannotator-effective-html.
Details
- Type
- Plugin
- Category
- Productivity
- Source
- Community
- Author
- plannotator
- Version
- 0.4.0
- License
- MIT
- GitHub stars
- 3,674 (at last sync)
- Last push
- 2026-10-15
- Manifest
.agents/plugins/marketplace.json- GitHub topics
- agent-skills, claude-code, html-artifacts, html-prototype, html-wireframe, prototyping, skills
- Source
- https://github.com/plannotator/effective-html
- Website
- https://plannotator.ai
- Listed via
- GitHub search: README documents a Codex install
- Tested by CodexStacks
- Not yet
Something wrong or missing? Submit or improve this listing. Listings also refresh automatically every night.
For maintainers: badge and embeds
Maintain Effective HTML? Add the badge; it links to this page.
Markdown
[](https://codexstacks.com/p/effective-html/)HTML
<a href="https://codexstacks.com/p/effective-html/"><img src="https://codexstacks.com/badge.svg" alt="Listed on CodexStacks" width="172" height="28"></a>Embed card (static HTML and inline CSS, no JavaScript). Preview:
<a href="https://codexstacks.com/p/effective-html/" style="display:block;max-width:380px;box-sizing:border-box;padding:14px 16px;border:1px solid #3a2c26;border-radius:12px;background:#0d0b0a;color:#f3ece6;font:14px/1.45 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;text-decoration:none"><span style="display:block;font-size:16px;font-weight:700;color:#f3ece6">Effective HTML</span><span style="display:block;margin:2px 0 8px;font-size:12px;color:#b5a9a1">Community Codex plugin · 1 plugin</span><span style="display:block;margin:0 0 10px;color:#ddd3cc">Creative direction and focused skills for self-contained HTML artifacts, wireframes, interactive prototypes, plans…</span><span style="font-size:12px;font-weight:600;color:#ffb347">View on CodexStacks →</span></a>Markdown summary
**[Effective HTML on CodexStacks](https://codexstacks.com/p/effective-html/)**: Community Codex plugin with 1 plugin.More on badges, embeds and keeping your listing up to date: CodexStacks for plugin authors.
Also in Productivity
ECC
Harness-native ECC workflows for Codex: shared skills, production-ready MCP configs, and selective-install-aligned conventions for TDD, security scanning, code review, and autonomous development.
ponytail
Lazy senior dev mode. Forces the simplest, shortest solution that actually works: YAGNI, stdlib first, no unrequested abstractions.
Agent Skills
Production-grade engineering skills for AI coding agents covering the full software development lifecycle from spec to ship.
Pake
🤱🏻 Turn any website into a tiny, fast desktop app.
gbrain
Personal knowledge brain for your coding agent — hybrid search, synthesis, graph traversal, and durable cross-session memory over Postgres/PGLite with pgvector, plus a curated brain-first skill set.
context-mode
MCP server that saves 98% of your context window with session continuity. Sandboxed code execution in 11 languages, FTS5 knowledge base with BM25 ranking, and automatic state restore across compactions.