Claude Code mod
design-picker
Draws design-direction questions from AskUserQuestion as visual mockups to pick from; other questions untouched.
Install
/plugin marketplace add aravindsriraj/claude-code-mods
/plugin install design-picker@claude-code-modsMods install like plugins. Run /reload-plugins or start a new session to load it.
What it can access
- Reach
- L1Reads: reads mod state, draws
- Sees
- AskUserQuestion calls
- Draws in
AskUserQuestion- Hooks
tool.callui.render
From a static scan of the mod's code by awesome-claude-code-mods. It shows what the code asks for, not a security review.
How Claude Code mods work
- A mod is a plugin with a JavaScript or TypeScript module that runs inside Claude Code (version 2.1.287 or later). It can draw panes beside the transcript, a band above the prompt, buttons and toasts, restyle the spinner and tool rows, and watch or rewrite tool calls and prompts.
- It installs like any plugin: add its marketplace with /plugin marketplace add owner/repo, then /plugin install name@marketplace.
- Check what a mod can reach before installing: it runs with your permissions. Reach goes from drawing only, to reading files, to writing files or running processes, to the network. Run claude plugin validate on a clone to list its hooks and calls without running it.
- Turn one off from the Installed tab in /plugin, or start Claude Code with --safe-mode to skip every customization for a session.
Details
- Repository
- aravindsriraj/claude-code-mods
- Folder
design-picker- Marketplace
claude-code-mods- Author
- TR Aravindan
- Type
- Workflow mods
- Last updated
- 22 October 2026
- Listed in
- awesome-claude-code-mods
FAQ
What is design-picker?
Draws design-direction questions from AskUserQuestion as visual mockups to pick from; other questions untouched. It is a mod for Claude Code, from aravindsriraj/claude-code-mods on GitHub.
What can the design-picker mod access?
Its widest reach is "reads" (reads mod state, draws). It sees AskUserQuestion calls. It draws in AskUserQuestion. Like any mod, it runs with your permissions.
How do I install design-picker?
Inside Claude Code (v2.1.287 or later), run /plugin marketplace add aravindsriraj/claude-code-mods and then /plugin install design-picker@claude-code-mods.
Is design-picker popular?
aravindsriraj/claude-code-mods has 1 GitHub stars and 0 forks, and is included in 1 curated Claude Code list. It was last updated on 22 October 2026.
More workflow mods
assessment-marker
1Akash001uts/claude-mods
Marks your uni assessments against the real rubric with High Distinction as the bar: a strict nine-section review, re-marks that catch regressions, a check before you submit, and it learns what each subject's marker cares about
eval-kernel
1kzarzycki/claude-mods
A persistent JavaScript kernel the model drives with one `eval` tool: state survives between cells, and cells call Claude Code tools, models and subagents.
lemo-ask
54lemomo-ai/lemo-mod
提问弹窗标题:在提问弹窗顶部显示消息编号和问题数,选项不变 / Question header: shows the message number and question count above the question dialog; options unchanged
proofread
1tomshaw/claude-code-plugins
Fixes spelling and grammar in your prompt before it reaches Claude, and draws your prompts in a highlighted box with the fixed words called out. /proofread turns it on or off.
x-mod-holds
dvakatsiienko/frame
no two sessions write the same file: a session's first edit of a file holds it until it is committed, the session ends or sits idle 30 min; another session's Edit, Write or Bash write to it is refused, naming the holder
subagent-effort
1anderson-spider/claude-mods
Sets the reasoning effort of every native subagent call from Jev's rating of its task, leaving the model as it was, and keeps local records to compare efforts.
Browse the most popular Claude Code mods, all workflow mods, or the skills and MCP server directories.