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
mantis
Provides security review capabilities for AI coding agents, automatically discovering, reproducing, and fixing vulnerabilities.
sast-skills
Transform your AI coding assistant into a SAST scanner to automatically detect vulnerabilities in code.
Lightswind-UI-Library
AI-native CLI-first React component library with MCP Server support.
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.