nyldn

Octo 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 Octo Design UI UX

Installs to ~/.claude/skills/nyldn-claude-octopus-octo-design-ui-ux/SKILL.md

Terminal

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

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

What Octo Design UI UX does

description: "\"Design UI/UX systems with style guides, palettes, typography, and component specs\""

/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"	Full design system	4-phase workflow via skill
"pick colors f

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 ★