Tooluck logoTooluck
SKILL.md

octopus-ui-ux-design

Agent skill fromnyldn/claude-octopus

Design UI/UX systems with style guides, palettes, typography, and component specs for new interfaces

How to install octopus-ui-ux-design

install octopus-ui-ux-design
# install the claude-octopus pack with the skills CLI
npx skills add nyldn/claude-octopus

# or add only this skill to Claude Code: copy the folder

skills/octopus-ui-ux-design/

# into

~/.claude/skills/octopus-ui-ux-design/ (all projects)

.claude/skills/octopus-ui-ux-design/ (one project)

skills/octopus-ui-ux-design/SKILL.md

MITFull file
1> **Host: Codex CLI** — This skill was designed for Claude Code and adapted for Codex.
2> Cross-reference commands use installed skill names in Codex rather than `/octo:*` slash commands.
3> Use the active Codex shell and subagent tools. Do not claim a provider, model, or host subagent is available until the current session exposes it.
4> For host tool equivalents, see `skills/blocks/codex-host-adapter.md`.
5
6
7## EXECUTION CONTRACT (MANDATORY - CANNOT SKIP)
8
9<HARD-GATE>
10**CRITICAL: You MUST call the BM25 search engine (search.py) via native shell command tool before producing
11any design recommendations. Do NOT rely solely on your own design knowledge. The search engine
12provides curated, data-driven design intelligence. If you produce a design system without
13at least 3 search.py calls, you have violated this contract.**
14</HARD-GATE>
15
16This skill uses **ENFORCED execution mode**. You MUST follow this exact sequence.
17
18### STEP 1: Interactive Questions (BLOCKING)
19
20**You MUST call AskUserQuestion before any other action.**
21
22```javascript
23AskUserQuestion({
24 questions: [
25 {
26 question: "What type of product are you designing for?",
27 header: "Product Type",
28 multiSelect: false,
29 options: [
30 {label: "SaaS/Dashboard", description: "Analytics, admin panels, B2B tools"},
31 {label: "E-commerce", description: "Shopping, marketplace, product pages"},
32 {label: "Landing page", description: "Marketing, conversion, product launch"},
33…

Excerpt shown under the repository's MIT license.

More skills in claude-octopus

Keep exploring

Similar skill repositories

thedotmack /

claude-mem
116k

Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More

CCCXGHGM+135 skills

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates