prcss-product-design

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.

UX Principles Skill turns ideas from seven established design books into practical rules and review heuristics for Claude. During interface work, it emphasizes user goals, mental models, system feedback, error recovery, visual hierarchy, typography, usability, and accessibility rather than relying on taste alone. Heavier reference files are loaded only when relevant, making the skill useful for both UI implementation and structured design critique.