effective-html
Generate clean and elegant HTML plans, architecture diagrams, and other visual content.
- Type
- Agent Skill
- Open source
- Yes
- GitHub Stars
- ★ 1.1k
- Source
- skill-github
- Repository
- github.com/plannotator/effective-html
Overview
effective-html is an Agent skill designed to generate clean and elegant HTML plans, architecture diagrams, and other visualizations. It offers multiple capabilities such as generating self-contained HTML files, full-screen HTML architecture diagrams, and HTML plan pages. These features help AI produce high-quality visual documentation suitable for scenarios requiring clear information presentation. Installation options include using the npx command or as a plugin in Claude Code and Codex.
Capabilities
- ▪Generate well-structured HTML files
- ▪Create full-screen HTML architecture diagrams
- ▪Generate HTML plan pages
Use cases
Setup
npx skills add plannotator/effective-html or install via the Claude Code and Codex plugin market
This information was compiled by AI from public sources and may contain inaccuracies — please refer to the source.
FAQ
How to install effective-html?
Using npx command: npx skills add plannotator/effective-html
Which platforms are supported?
Supports npx, Claude Code, and Codex plugin marketplace
Related skills
gemini-cli
Gemini CLI is an open-source AI agent that brings Gemini's powerful capabilities directly into the terminal.
private-gpt
Provides a complete API layer for local models, supporting RAG, skills, tools, and more.
planning-with-files
File-based persistent planning skill, ideal for AI coding agents and long-running tasks.
scientific-agent-skills
Transform any AI agent into a scientific assistant with 147 ready-to-use research skills.
susi_alexa_skill
A skill that enables question-and-answer interactions between Alexa and Susi AI.
claude-context
Provides code search capabilities for Claude Code, turning the entire codebase into context.