Claude Code mod
design-direction
When Claude asks for design direction, renders each option as a visual mockup in a browser gallery so you can pick by sight.
Install
/plugin marketplace add risen372/claude-mods
/plugin install design-direction@risen372-modsMods install like plugins. Run /reload-plugins or start a new session to load it.
What it can access
- Reach
- L2Writes or runs: runs processes, writes files, draws
- Sees
- AskUserQuestion calls
- Hooks
prompt.composetool.call
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
- risen372/claude-mods
- Folder
design-direction- Marketplace
risen372-mods- Author
- risen372
- Type
- Workflow mods
- Last updated
- 13 October 2026
- Listed in
- awesome-claude-code-mods
FAQ
What is design-direction?
When Claude asks for design direction, renders each option as a visual mockup in a browser gallery so you can pick by sight. It is a mod for Claude Code, from risen372/claude-mods on GitHub.
What can the design-direction mod access?
Its widest reach is "writes or runs" (runs processes, writes files, draws). It sees AskUserQuestion calls. Like any mod, it runs with your permissions.
How do I install design-direction?
Inside Claude Code (v2.1.287 or later), run /plugin marketplace add risen372/claude-mods and then /plugin install design-direction@risen372-mods.
More workflow mods
copy-lint
AbyssCN/claude-lead-harness
After a Write/Edit to public copy (globs in the repo's .claude/copy-lint.json), checks banned words/phrases and heading punctuation and hints the model; never blocks the write.
footer-inline
MoriHiroshiDesu/hiroshi-claude-mods
Leva o status do tool-diet para a mesma linha do modo (auto mode on), em vez de uma linha só dele
config-sync
Berkay2002/berkays-mods
Pulls the shared claude-config repo at session start, tells you when settings.shared.json changed, and applies it with /config-sync apply
hintergrund-befehle
hb03/claude-mods
Claude startet lang laufende Shell-Befehle (Klonen, Installationen, Builds, Downloads, Einrichtungsskripte) selbst im Hintergrund, damit niemand Strg+B drücken muss; schiebt der Nutzer doch einen per Strg+B weg, bekommt Claude still einen Hinweis.
compact-brief
Gooner44/ClaudeMods
Tells Claude Code's compaction what to keep: your own words near verbatim first, then what changed, then findings, with tool output described in a few words
image-peek
chanlito/claude-mods
Previews pasted images and images Claude sends, with Open and Reveal buttons (Explorer on WSL/Windows, Finder on macOS)
Browse the most popular Claude Code mods, all workflow mods, or the skills and MCP server directories.