Startup Ideas Bank

An elegant idea buried in a sea of redundancy.

AI roast score: 55/100 (D)

The idea

An elegant HTML plan generator? Yawn. The market is flooded with tools that do more, better, and with less friction.

In the founder's own words

plannotator/effective-html — Agent skill for elegant and simple html plans, architecture diagrams, or whatever else you can think of.

HTML skills for pragmatic visual artifacts





svg_small.mp4





Note: The diagram was made by Fable 5 , 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:

html : an HTML file for whatever you're describing, in the effective HTML style

html-diagram : architecture, stack, and systems understanding rendered as full-screen HTML diagrams with high-quality SVG

html-plan : HTML plan pages in the effective HTML style






Render and annotate your HTML with Plannotator (optional): https://github.com/backnotprop/plannotator






Create instant share links for your HTML files (optional): https://github.com/plannotator/tot HTML from video: https://tot.page/0CW7xV96XMxnalrzwRl4eQ

Install

npx skills add plannotator/effective-html

List available skills first:

npx skills add plannotator/effective-html --list

Install a specific skill:

npx skills add plannotator/effective-html --skill html-diagram
npx skills add plannotator/effective-html --skill html-plan

As a Claude Code plugin

This repo is also a plugin marketplace . Add it and install:

/plugin marketplace add plannotator/effective-html
/plugin install plannotator-effective-html@effective-html

As a Codex plugin

codex plugin marketplace add plannotator/effective-html
codex plugin add plannotator-effective-html@effective-html

Skills


html - Create an HTML file for whatever the user is describing, matching the effective HTML references.

html-diagram - Build full-screen HTML architecture and stack diagrams with SVG-first presentation and minimal prose.

html-plan - HTML plan pages in the effective HTML style.

Repository Shape

Skills live under skills/<skill-name>/SKILL.md . Each skill also bundles a copy of the html-effectiveness example corpus under references/html-effectiveness/ so the examples stay local to the skill.

Credit: this repo bundles and uses the html-effectiveness examples by Thariq Shihipar: https://thariqs.github.io/html-effectiveness

The roast

Your pitch for a tool that generates HTML plans and diagrams is painfully late to the party. The market is suffocated with similar offerings, from Figma to Lucidchart, and frankly, the world doesn't need another one. Your unique selling point is just 'simpler' when the complexity is what drives innovation. Plus, with only a solo effort and no funding, your execution capability looks shaky at best. It's hard to see how a subscription model can scale when you're essentially recreating features that are already standard in existing tools.

Red flags

Verdict

Reassess the need for your product in a crowded space before proceeding.

Start with your own startup idea →

More ideas roasted by AI

Browse all startup ideas →