design-catalog

DEPRECATED. Use /evolve instead.

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "design-catalog" with this command: npx skills add phrazzld/claude-config/phrazzld-claude-config-design-catalog

DEPRECATED. Use /evolve instead.

/evolve generates populations of proposals (8+ per generation) with anti-convergence enforcement, persistent cross-project taste memory, and multi-provider delegation (Kimi, Codex, Claude, Gemini). The catalog is replaced by the evolve catalog viewer.

Original skill content preserved below for reference.

description: Generate visual design proposal catalog with 5-8 options argument-hint: "[route-or-url]"

DESIGN-CATALOG

Generate a catalog of 5-8 design proposals before implementing anything.

MANDATORY: Kimi Delegation

All proposal generation MUST be delegated to Kimi K2.5 via MCP.

Kimi excels at frontend/visual work. Claude orchestrates, Kimi implements:

// Generate proposals in parallel (4.5x faster than sequential) mcp__kimi__spawn_agents_parallel({ agents: [ { prompt: "Generate proposal 1: [DNA code]. Output: .design-catalog/proposals/01-[name]/", thinking: true }, { prompt: "Generate proposal 2: [DNA code]. Output: .design-catalog/proposals/02-[name]/", thinking: true }, // ... 5-8 total proposals ] })

Workflow:

  • Research direction → Gemini (web grounding)

  • Generate proposals → Kimi (parallel agents)

  • Validate & review → Claude (quality gates, expert panel)

Why Catalogs

Design is visual and iterative. Showing options before implementing:

  • Prevents commitment to first idea

  • Surfaces unexpected directions

  • Lets user make informed choices

Process

  1. Load Design Skills

Skill("frontend-design") # Philosophy Skill("aesthetic-system") # Strategic direction Skill("ui-skills") # Implementation constraints

  1. Analyze Current State

If $1 provided (route or URL):

  • Screenshot the target via Chrome MCP

  • Analyze existing design DNA (typography, colors, layout, motion)

If no argument:

  • Ask what to design
  1. Research via Gemini

gemini "Analyze this [product type] for distinctive design directions. Research 2025 trends. Anti-convergence: avoid Inter, Space Grotesk, purple gradients, Tailwind default blue-500."

  1. Generate 5-8 Proposals

For EACH proposal:

  • Build working HTML/React preview

  • Validate against ui-skills constraints

  • Run /rams — Must score ≥70/100

  • Only passing proposals enter catalog

DNA variety rule: No two proposals share >2 axes.

  1. Present Catalog

mkdir -p .design-catalog && cd .design-catalog python -m http.server 8888 &

Open in browser, screenshot, present:

Design Catalog Ready

[N] proposals passed validation. Live: http://localhost:8888

  1. [Name] - [soul] - DNA: [code] - RAMS: [score]/100
  2. [Name] - [soul] - DNA: [code] - RAMS: [score]/100 ...

Browse, compare, tell me which 2-3 resonate.

  1. Iterate

User selects favorites → generate hybrids → re-validate.

Anti-Convergence Checklist

Verify NO proposal uses:

  • Inter, Roboto, Space Grotesk, Satoshi as primary fonts

  • Purple gradients on white backgrounds

  • Tailwind default blue-500 (#3B82F6)

  • Centered max-w-4xl container everywhere

  • No animations at all

Output

Catalog ready for user selection. Next: User picks direction → /design-theme .

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

General

pencil-renderer

No summary provided by upstream source.

Repository SourceNeeds Review
General

ui-skills

No summary provided by upstream source.

Repository SourceNeeds Review
General

llm-gateway-routing

No summary provided by upstream source.

Repository SourceNeeds Review