peanut-illustrations

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.

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.