html-annotated-preview

Peanut Illustrations turns a one-sentence idea into a metaphor, composition, and recurring deadpan peanut character, then generates one white-background 16:9 concept image and adds the watermark locally. It favors one core structure, generous whitespace, and very little text rather than infographics or slide graphics. Image labels can still contain errors and should be checked before sharing.

claude-design-idea-to-ready defines design tokens and a CLAUDE.md rules block before screens are produced. It then builds components, states, interactions, and accessibility checks in order, generates the UI, and verifies the result against those rules, making it useful for projects that need consistent branded screens.

Give the mapper a brand or product brief and it fills only the missing context about audience, mood, and platform. It then resolves a design route across color, visual effects, typography, and icons, carrying decisions from one specialist skill into the next. You can ask for the route alone or let it apply the sequence automatically; the full workflow depends on its companion skills being installed or fetched.

Use PRCSS to scaffold an end-to-end product design project, plan a single phase, or generate one design-method card. After a four-question kickoff, it produces structured Markdown based on a seven-phase workflow, ready to paste into a wiki, kanban board, document, or Figma without locking the team to a specific tracker.