skill CX Codex

design · ohad6k — Claude Code skill: what it does, how to install

Q: How to install design in Claude Code?

Run `npx skills add ohad6k/emulo --skill design -a claude-code`. The file is saved to `~/.claude/skills/design/SKILL.md`.

Q: What happens if emulo.py fails?

If `python "$EMULO_PY" plugin profile-path --domain design` returns a nonzero exit code, the skill stops loading personal context and outputs recovery instructions. It does not fall back to a generic design persona.

Applies Emulo taste profiles to guide UI, UX, and visual hierarchy tasks. Use it when redesigning screens or requesting frontend design critique.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓

npx skills add ohad6k/emulo --skill design -a claude-code

Open on GitHub

What design does

The skill injects personal design taste and frontend judgment into coding agents. It activates for interface reviews, visual hierarchy adjustments, reference evaluation, and redesign tasks. The instructions explicitly disallow using it for unrelated execution or standalone marketing copy.

Under the hood, the skill locates emulo.py two directories above or at the repo root and executes python "$EMULO_PY" plugin profile-path --domain design. It parses the returned paths to read both the core working profile and the dedicated design profile.

If the command exits nonzero, loading stops immediately. The agent outputs the recovery instruction and avoids applying personal context. The skill strictly forbids substituting a generic designer persona when the design domain is inactive.

What it helps with

critique UI layout and visual hierarchy
redesign frontend components against Emulo taste
retrieve core and design profiles via emulo.py
review user experience decisions in code

Example prompts for the agent

Critique the visual hierarchy of our dashboard layout using Emulo design taste
Redesign this navigation bar according to our UX profile
Review our checkout screen and flag interface styling issues

How to install design

1Skills CLI (Vercel)

npx skills add ohad6k/emulo --skill design -a claude-code

2Manually: put the files in place

~/.claude/skills/design/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/design/

1Skills CLI (Vercel)

npx skills add ohad6k/emulo --skill design -a codex

2Manually: put the files in place

.agents/skills/design/SKILL.md

For all projects use ~/.agents/skills/

1Skills CLI (Vercel)

npx skills add ohad6k/emulo --skill design -a cursor

2Manually: put the files in place

.cursor/skills/design/SKILL.md

Cursor also reads .agents/skills/ and .claude/skills/

1GitHub CLI

gh skill install ohad6k/emulo design

2Manually: put the files in place

.github/skills/design/SKILL.md

1Skills CLI (Vercel)

npx skills add ohad6k/emulo --skill design -a gemini-cli

2Platform CLI

gemini skills install https://github.com/ohad6k/emulo --path skills/design

Manually: put the files in place

.devin/skills/design/SKILL.md

The legacy .windsurf/skills/ path still works

Skills CLI (Vercel)

npx skills add ohad6k/emulo --skill design -a opencode

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about design

How to install design in Claude Code?

Run npx skills add ohad6k/emulo --skill design -a claude-code. The file is saved to ~/.claude/skills/design/SKILL.md.

What does the design skill do?

It provides Emulo taste guidance for frontend UI, UX, visual hierarchy, and interface redesigns. It is not intended for standalone code execution or marketing copy.

What happens if emulo.py fails?

If python "$EMULO_PY" plugin profile-path --domain design returns a nonzero exit code, the skill stops loading personal context and outputs recovery instructions. It does not fall back to a generic design persona.

Source text

SKILL.md · MIT

---
name: design
description: Use for UI, UX, visual hierarchy, frontend-design judgment, references, redesigns, and design critique when the user's Emulo taste should guide the task. Do not use for unrelated execution or marketing/social writing alone.
---

# Emulo design

1. Locate `emulo.py` two directories above this skill; fall back to `./emulo.py` only for a direct repo checkout.
2. Store the resolved absolute runtime path as `EMULO_PY`, then run `python "$EMULO_PY" plugin profile-path --domain design`.
3. If it exits nonzero, give its exact recovery or targeted-deepen instruction and stop loading personal context.
4. Read every returned path completely. The first is the core working profile; the second is the design profile. Apply both.
5. Never substitute a generic design persona when the design domain is inactive.

Similar skills

Everything for Design →

design by other authors comes first.

design claudekit Generates logos, brand identity assets, design tokens, Chart.js HTML slides, and multi-platform banners using Python scripts and AI providers. CX Codex +1 41,800installs design SubframeApp Guides an agent through Subframe work: build a page or component, line up design options on a canvas, adjust a theme. CX Codex +1 775installs design rshankras Design skills for Apple platform UI: Liquid Glass, animations, game feel, UX writing, SF Symbols and typography. Useful when a screen feels flat and you need a plan. CX Codex +1 677installs design cognitedata Provides Aura design system rules for Flows and Fusion applications. It guides agents to choose primitives, rely on semantic tokens, and maintain consistent UI states. CX Codex +1 1,900installs design kirkchen This skill prepares Beat change specifications with proposal, gherkin, and design.md artifacts. Use it when a change is being started. CX Codex +1 506installs frontend-design official anthropics This skill guides intentional visual design for new interfaces and redesigns. Use it when a generic generated UI is not enough. 1,025,790installs grill-me Matt Pocock grill-me interviews you about a plan or design to expose gaps and sharpen decisions. Use it before implementation starts. 1,424,476installs design-taste-frontend Leonxlnx This skill directs the design of public pages and work screens, then checks the result in a browser through screenshots. Use it when an interface feels generic or unfinished. CX Codex +1 678,700installs prototype Matt Pocock Creates throwaway prototypes for checking state logic or exploring UI before committing the decision to the main codebase. 986,201installs grilling Matt Pocock Stress-test a plan, decision, or idea through structured rounds of questions. Use it when you need to expose assumptions before acting. 979,543installs codebase-design Matt Pocock This skill helps design modules with small interfaces and hidden complexity. Use it when refactoring code, choosing a seam, or making tests easier to write. 850,344installs

From the same set6

write This skill loads your Emulo writing profile and drafts marketing copy, posts and replies in your voice. It picks the register from context. CX Codex +1 ★ 299repo stars work Loads your Emulo working profile to steer debugging and shipping tasks. It is not intended for UI design or marketing writing. CX Codex +1 ★ 299repo stars video This skill turns a brief into a Claude Design folder with a prompt, composition files, and review frames. Use it to prepare an animated film project. CX Codex +1 ★ 299repo stars mine Turns your real local AI coding sessions into an Emulo profile. It runs only when you ask for it and approve the plan. CX Codex +1 ★ 299repo stars emulo emulo builds a personal working profile from local AI coding sessions, capturing coding preferences, design taste, writing style, and recurring mistakes for future tasks. CX Codex +1 ★ 299repo stars