effective-html

by plannotator · Codex Skill · ★ 1.7k

About effective-html

HTML skills for pragmatic visual artifacts https://github.com/user-attachments/assets/24306977-7f30-44c9-9bff-55f901d557b0 Note: The diagram was made by , I will create more fable 5 artifacts and add them to the skill folder for smaller models to distill. example demo Focused skills for generating self-contained HTML deliverables with a strong visual bias: : an HTML file for whatever you're describing, in the effective HTML style : architecture, stack, and systems understanding rendered as full-screen HTML diagrams with high-quality SVG : HTML plan pages in the effective HTML style Render and...

agent-skillsclaude-codecodexhtml-artifactshtml-prototypehtml-wireframeprototypingskills

Quick Facts

Stars1,663
Forks129
LanguageHTML
CategoryCodex Skill
LicenseMIT
Quality Score68.2201208804003/100
Open Issues2
Last Updated2026-08-03
Created2026-06-09
Platformsclaude-code, codex
Est. Tokens~16k

Compatible Skills

These tools work well together with effective-html for enhanced workflows:

More Codex Skill Tools

Explore other popular codex skill tools:

View all Codex Skill tools →

Popular HTML Agent Tools

Frequently Asked Questions

What is effective-html?

effective-html is Agent skills for useful HTML artifacts, wireframes, interactive prototypes, plans, and diagrams.. It is categorized as a Codex Skill with 1.7k GitHub stars.

What programming language is effective-html written in?

effective-html is primarily written in HTML. It covers topics such as agent-skills, claude-code, codex.

How do I install or use effective-html?

You can find installation instructions and usage details in the effective-html GitHub repository at github.com/plannotator/effective-html. The project has 1.7k stars and 129 forks, indicating an active community.

What license does effective-html use?

effective-html is released under the MIT license, making it free to use and modify according to the license terms.

View on GitHub → Browse Codex Skill tools