PenguinAlleyApps

Brainstorming Visual — Design skill for Claude Code

Design community

Use BEFORE implementing any new product hero, landing page, or unfamiliar UI pattern when CEO/user has not pre-approved a specific direction.

How to install Brainstorming Visual

Installs to ~/.claude/skills/penguinalleyapps-agents-of-the-alley-brainstorming-visual/SKILL.md

Terminal

mkdir -p ~/.claude/skills/penguinalleyapps-agents-of-the-alley-brainstorming-visual && curl -fsSL https://raw.githubusercontent.com/PenguinAlleyApps/agents-of-the-alley/HEAD/.claude/skills/brainstorming-visual.md -o ~/.claude/skills/penguinalleyapps-agents-of-the-alley-brainstorming-visual/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Brainstorming Visual does

name: brainstorming-visual description: Use BEFORE implementing any new product hero, landing page, or unfamiliar UI pattern when CEO/user has not pre-approved a specific direction. Generates 2-3 visual options as a local HTML preview so the user can pick before tokens are spent on the wrong direction.

When to Use

Building a new product's first hero/landing (no approved direction yet).
Designing an unfamiliar UI pattern (dashboard layout, agent control surface, novel form pattern

Alternatives in Design

Theme Factory — Style artifacts with professional themes including 10 pre-set color/font combinations 94.1k ★
Brainstorming — Transform rough ideas into fully-formed designs through structured questioning and alternative exploration 27.9k ★
Planning With Files — Claude Code skill implementing Manus-style persistent markdown planning — the workflow pattern behind the $2B 17.4k ★