interaction-design-board

An agent skill by daymade, from daymade/claude-code-skills. Tags: design, evaluation, prototyping, ui-ux, web.

What it does

Generate several genuinely different, runnable HTML interaction prototypes for one product surface, combine them in an interactive Design Board, collect structured selection/remix feedback, and only then hand the approved behavior to production implementation. Use when a user asks for multiple clickable UI versions, interaction alternatives, progressive-disclosure options, a Design Board, HTML prototypes, test-time scaling for product design, or says the visual styling is acceptable but the hierarchy, workflow, layout, or interaction still feels unprofessional. Prefer this over static image exploration when the decision depends on what happens after clicking, expanding, selecting, filtering, or moving through states.

Install

With the skills CLI, which installs into Claude Code, Codex, Cursor and other agents:

npx skills add daymade/claude-code-skills --skill interaction-design-board

Or copy the skill folder into Claude Code's skills directory by hand (~/.claude/skills for every project, or .claude/skills inside one):

git clone --depth 1 https://github.com/daymade/claude-code-skills
cp -r claude-code-skills/daymade-codex/interaction-design-board ~/.claude/skills/interaction-design-board

Safety box score

Not rated yet. A safety box score grades what a skill and its scripts can reach on the machine of whoever installs it, across eight categories from shell execution to secrets access. Anyone can request one from this page; it is saved for everyone. How the score works.

Source

Repository

daymade/claude-code-skills (all skills from this repository)

Path

daymade-codex/interaction-design-board/SKILL.md

Branch

main

Updated

2026-09-20

Related skills

• stitch::generate-design — Generate new screens from text prompts or images, edit existing screens with prompts and design system tokens, and generate design variants using Stitch MCP.
• design-style-picker — Batch-generate and compare visual design directions so a user can choose the style they actually want.
• ui-designer — Extract design systems from reference UI images and generate implementation-ready UI design prompts.
• sendcutsend — com orders using its ordering guide, catalog, and specs.
• app-platform-designer — Transform natural language application descriptions into production-ready DigitalOcean App Platform specifications.
• copywriting — When the user wants to write, rewrite, or improve marketing copy for any page — including homepage, landing pages, pricing pages, feature pages, about pages.