nyldn

Design UI UX — Design skill for Claude Code

Design community

Design UI/UX systems with style guides, palettes, typography, and component specs.

How to install Design UI UX

Installs to ~/.claude/commands/nyldn-claude-octopus-design-ui-ux.md

Terminal

mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/nyldn/claude-octopus/HEAD/.claude/commands/design-ui-ux.md -o ~/.claude/commands/nyldn-claude-octopus-design-ui-ux.md

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

What Design UI UX does

command: design-ui-ux description: "Design UI/UX systems with style guides, palettes, typography, and component specs" aliases:

design
ui-design
ux-design

/octo:design-ui-ux - UI/UX Design Workflow

INSTRUCTIONS FOR CLAUDE

When the user invokes this command (e.g., `/octo:design-ui-ux `):

Step 1: Detect Mode

Parse the user's intent to determine which mode to run:

Intent	Mode	What Happens
"design a dashboard"

Alternatives in Design

Brand Guidelines — Apply Anthropic's official brand colors and typography to artifacts 94.1k ★
Dna — Place a design in the measured design space — nearest systems, per-axis percentiles, outliers 3.6k ★
Designer Skills — Designer Skills Collection: agentic skills, commands, and plugins for design — from research to systems, UI, i 2.3k ★