design-mapper-skill

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.

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.

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.