Agent skill

Om UX Shape

by go-musicfox in go-musicfox/go-musicfox

Turn a vague product, UI/UX, or AI feature idea into a decided direction.

GPL-3.0Auto-check passedFrontend & Design

Install Om UX Shape

skills CLI
$ npx skills add go-musicfox/go-musicfox --skill om-ux-shape -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install go-musicfox/go-musicfox om-ux-shape --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/go-musicfox/go-musicfox.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/om-ux-shape .claude/skills/om-ux-shape && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
om-ux-shape
GitHub stars
2.6k
Used in
1 other repo
Token cost
~2k tokens
SKILL.md length
1,049 words
Files
13 (incl. references)
Skills in repo
37
Repo updated
First seen
Licence
GPL-3.0

At a glance

Turn a vague product, UI/UX, or AI feature idea into a decided direction.

  • Works in 10 steps: Start from the consequential problem,… → Treat requirements as claims until… → Label facts, inferences, assumptions,… → …
  • Shaping a feature
  • SKILL.md covers Choose the mode, Who reads the result, Required reading and Operating principles, plus 2 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Om UX Shape is an agent skill from go-musicfox/go-musicfox. Turn a vague product, UI/UX, or AI feature idea into a decided direction. Use when shaping a feature, simplifying an overcomplicated flow, deciding whether and how to use AI, defining screen states, planning validation, or preparing a design handoff for engineering.

Its SKILL.md is about 2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 14 other files, including reference files (for example `agents/openai.yaml`, `references/agentic-setup.md` and `references/ai-interaction.md`).

It sits in Frontend & Design, covering UI design. The repository describes itself as: go-musicfox是用Go写的又一款网易云音乐命令行客户端,支持UnblockNeteaseMusic、各种音质级别、lastfm、MPRIS、MacOS交互响应(睡眠暂停、蓝牙耳机连接断开响应、菜单栏控制等)... The licence is GPL-3.0.

When your agent uses it

  • Shaping a feature
  • Simplifying an overcomplicated flow
  • Deciding whether and how to use AI
  • Defining screen states

Example prompts

  • “/om-ux-shape”

Workflow steps

10 steps, taken from the first numbered list in SKILL.md.

  1. Start from the consequential problem, not the requested interface.
  2. Treat requirements as claims until evidence supports them.
  3. Label facts, inferences, assumptions, and open questions. Never invent
  4. Tie the user outcome to a business effect without treating business value
  5. Prefer the smallest coherent end-to-end solution over a collection of
  6. Recommend a direction. Do not hide behind an unranked menu of options.
  7. Make every UI element earn its place by enabling an action, decision,
  8. Treat AI as a design material with uncertainty, latency, cost, and failure
  9. Preserve meaningful human control, especially for consequential or
  10. Match the depth of the process and output to the decision's risk.

What it can do on your machine

Read from SKILL.md and the folder at commit 12169a7. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Om UX Shape loads about 2k tokens when it runs, and up to ~11k if it reads all its reference files. Until then it costs about 70 tokens; SKILL.md has 1,049 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~70
When it runs · the whole SKILL.md, loaded when a task matches
~2k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~11k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from go-musicfox/go-musicfox at commit 12169a7, republished under its GPL-3.0 licence (© go-musicfox). 1,049 words, ~2,048 tokens.

Download SKILL.mdSave it as .claude/skills/om-ux-shape/SKILL.md (or your agent's skills folder). This skill also uses 12 other files; get the full folder from GitHub.
name
om-ux-shape
description
Turn a vague product, UI/UX, or AI feature idea into a decided direction. Use when shaping a feature, simplifying an overcomplicated flow, deciding whether and how to use AI, defining screen states, planning validation, or preparing a design handoff for engineering.

Shape Useful Features

Turn ambiguity into a clear product decision before turning it into screens. Connect user value, business value, interaction quality, AI behavior, delivery constraints, and evidence in one lightweight process.

Input — a feature idea, an existing concept or product area, or a decided direction that needs implementation detail. Output — one filled shape from references/report-templates.md.

Choose the mode

  • Shape for a vague opportunity, request, or feature idea. The default.
  • Review for an existing concept, flow, design, prototype, or product area (including a whole module handed over by om-ux-review-pr).
  • Handoff when the direction is decided and implementation-ready behavior is what is missing.

Combine modes only when the request genuinely spans them, and never make a small task carry the full process.

Who reads the result

Establish this before writing, because it decides how concrete the output must be. Ask when it is unclear, otherwise default to the least-context reader: someone who will build or draw this, does not know the design system, and was not in the conversation. Write for them. A senior designer can skim a concrete answer; nobody can build an abstract one.

Required reading

These are not optional background. When the condition is met, load the reference before finishing the step: skipping it produces the failure this skill exists to prevent, an answer that sounds reasonable and decides nothing.

ConditionLoad
Shape or Review modereferences/decision-framework.md
AI is proposed, implied, or already presentreferences/ai-interaction.md, then references/hai-guidelines.md and references/reward-and-mental-models.md for whatever passed the gate
Outcomes or validation metrics are being definedreferences/human-value-metrics.md
Before writing any resultreferences/report-templates.md
Before delivering any resultreferences/quality-rubric.md

references/foundations.md explains the rationale behind the process; read it only when adapting the process or evolving this skill.

Operating principles

  1. Start from the consequential problem, not the requested interface.
  2. Treat requirements as claims until evidence supports them.
  3. Label facts, inferences, assumptions, and open questions. Never invent research, user quotes, metrics, or constraints.
  4. Tie the user outcome to a business effect without treating business value as a substitute for user value.
  5. Prefer the smallest coherent end-to-end solution over a collection of features.
  6. Recommend a direction. Do not hide behind an unranked menu of options.
  7. Make every UI element earn its place by enabling an action, decision, status, explanation, or recovery.
  8. Treat AI as a design material with uncertainty, latency, cost, and failure modes, not as a default interface.
  9. Preserve meaningful human control, especially for consequential or hard-to-reverse actions.
  10. Match the depth of the process and output to the decision's risk.

Workflow

  1. Agentic setup — follow references/agentic-setup.md: repo-local override contract, the design contract as constraints when present, and the untrusted-content boundary. Shared communication and reporting rules live in references/rules.md.

  2. Establish the decision. State the decision being made, the primary actor and situation, the intended user and business outcomes, and the mode and depth. Ask only questions whose answers could materially change the direction; otherwise proceed with clearly marked assumptions.

  3. Build the evidence ledger. Separate what is known, inferred, assumed, and unknown, following references/decision-framework.md (§2). Prioritize unknowns by decision risk, not curiosity.

  4. Diagnose. Write a one-sentence diagnosis naming the main obstacle to progress, distinguishing the underlying job from the requested feature. Then define one primary behavioral outcome, its plausible business effect, and a guardrail against harmful optimization. Framing and outcome discipline: references/decision-framework.md (§1, §3); choosing signals that mean people are better off: references/human-value-metrics.md.

  5. Test the proposed mechanism. When AI is involved, run the necessity gate in references/ai-interaction.md and explicitly consider a rules-based alternative; a design that passes the gate is then checked against references/hai-guidelines.md, and its preferred-mistake decision and first-contact framing against references/reward-and-mental-models.md. For any feature, rate the four product risks (value, usability, feasibility, viability) per references/decision-framework.md (§4), adding trust, safety, privacy, and model-quality risks for AI.

  6. Choose a direction. Generate two or three meaningfully different mechanisms, compare them per references/decision-framework.md (§5), and select one, explaining the decisive trade-off. Tag the claims that carry the argument with their honest tier from references/evidence-tiers.md. In Review mode, rank findings by impact × frequency × reach, never by ease of fix.

  7. Shape the smallest coherent feature. One primary job and happy path, the minimum states and recovery paths trust requires, and an explicit now, later, and not-doing split (references/decision-framework.md §6). A thin but broken slice is not an MVP: the smallest coherent feature completes a real job end to end and survives its likely failures.

  8. Specify the interaction contract, concretely. Entry point and trigger, information required, system response, primary decisions and actions, the relevant empty, loading, partial, success, error, and permission states, and the edit, undo, dismiss, retry, fallback, or escalation paths, plus accessibility and content requirements. For AI, also specify capability framing, uncertainty, explanations, data use, feedback, control, and behavior when the model cannot help.

    Concrete means: name the screens, name the components (from the contract registry when one exists), and write the actual labels, headings, empty-state sentences, and error messages rather than describing them. "Add a helpful empty state" is unfinished work; the finished version says what the screen shows, in the words the user will read. If a reader could not build or draw it from your output, the step is not done.

  9. De-risk and deliver. Name the riskiest unverified belief, choose the smallest test that could change the decision, and state what each result triggers (references/decision-framework.md §7). Then fill the matching shape in references/report-templates.md, and apply references/quality-rubric.md before delivering: a zero in diagnosis, user outcome, coherent scope, AI necessity, or AI control and recovery means the result is not ready. Close with the one-line Applied note the template defines, so the reader can see which checks ran and which did not apply instead of guessing what was considered.

Show full SKILL.md (93 more words)Show less

Response behavior

  • Lead with the recommendation or verdict.
  • Use plain language and concrete product behavior; keep process narration shorter than the decision it supports.
  • Scale detail down for low-risk work and up for consequential, novel, or implementation-ready work.
  • If the evidence does not support a confident recommendation, say what is provisional and propose the smallest learning step.
  • If the user asks to build the feature, use this workflow to decide, then continue into implementation. The Handoff shape is written to feed the collection's implementing skills; om-ux-review-pr closes the loop on the resulting PR.

© go-musicfox, GPL-3.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 12 other files (references) in .agents/skills/om-ux-shape of go-musicfox/go-musicfox.

  • SKILL.md
  • agents/openai.yaml
  • references/agentic-setup.md
  • references/ai-interaction.md
  • references/decision-framework.md
  • references/evidence-tiers.md
  • references/foundations.md
  • references/hai-guidelines.md
  • references/human-value-metrics.md
  • references/quality-rubric.md
  • references/report-templates.md
  • references/reward-and-mental-models.md
  • references/rules.md

Open the folder on GitHubat commit 12169a7

Used in 1 other repository

We found 1 copy of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in go-musicfox/go-musicfox, which our catalogue first saw on October 7, 2026.

Compare with similar skills

Om UX Shape next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Om UX Shape compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Om UX Shape this skillgo-musicfox/go-musicfox2.6k1 repos~2kAutomated safety check: PassGPL-3.0
UI StylingOhh-889/skyroc79513 repos~2.5kAutomated safety check: PassMIT
LobeHub Interactive Prototypelobehub/lobehub83k—~1.6kAutomated safety check: PassCustom licence
Make Interfaces Feel Bettersamuelclay/NewsBlur7.6k10 repos~1.5kAutomated safety check: PassMIT
UI UX Pro MaxZxBing0066/pixel-converter18113 repos~2.6kAutomated safety check: NotesBSD-2-Clause
Design Dnazanwei/design-dna1.9k1 repos~2.1kAutomated safety check: PassMIT

Similar skills

  • UI Styling

    Ohh-889/skyroc

    Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs.

    795 GitHub starsUsed in 13 repos~2.5k tokens
    Frontend & DesignAuto-check passed
  • Builds single-file interactive HTML prototypes rendered with the real LobeHub UI components and written as production-style React, so they can later be split into files.

    83k GitHub stars~1.6k tokensUpdated today
    Frontend & DesignAuto-check passed
  • Make Interfaces Feel Better

    samuelclay/NewsBlur

    Design engineering principles for making interfaces feel polished.

    7.6k GitHub starsUsed in 10 repos~1.5k tokens
    Frontend & DesignAuto-check passed
  • UI UX Pro Max

    ZxBing0066/pixel-converter

    UI/UX design intelligence with searchable database. An agent skill from ZxBing0066/pixel-converter.

    181 GitHub starsUsed in 13 repos~2.6k tokens
    Frontend & DesignAuto-check: notes
  • Design Dna

    zanwei/design-dna

    Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects…

    1.9k GitHub starsUsed in 1 repo~2.1k tokens
    Frontend & DesignAuto-check passed
  • Figma Design to Code

    warpdotdev/warp

    Turns a Figma frame or component into production code that matches the design, using the Figma MCP server and the project's own design system.

    65k GitHub starsUsed in 4 repos~2.9k tokens
    Frontend & DesignAuto-check passed

More from go-musicfox/go-musicfox

All 37 skills in this repo
  • Om Auto Fix Issue

    go-musicfox/go-musicfox

    Fix or implement a tracker issue end to end from a single command — takes an issue id or a plain problem description (filed first via om-prepare-issue), classifies, then drives the bug autofix chain…

    2.6k GitHub starsUsed in 1 repo~5k tokens
    Auto-check: notes
  • Om Brainstorm

    go-musicfox/go-musicfox

    Divergent conversation before any artifact exists — open questions one at a time, alternatives including building nothing, converging on a routing decision and a handoff brief for the next skill.

    2.6k GitHub starsUsed in 1 repo~1.6k tokens
    Auto-check passed
  • Om Close Fixed Issues

    go-musicfox/go-musicfox

    Close the tracker issues that recently merged PRs authoritatively fixed — via fixes/closes/resolves keywords or closingIssuesReferences — and post informational comments on issues whose PRs were…

    2.6k GitHub starsUsed in 1 repo~2.9k tokens
    Auto-check: notes
  • Om Prepare Issue

    go-musicfox/go-musicfox

    Create one well-formed tracker issue from a brief without implementing it — dedupes against existing issues and PRs, links a covering spec (authoring one via om-auto-write-spec on a design-only PR…

    2.6k GitHub starsUsed in 1 repo~3.2k tokens
    Auto-check: notes
  • Om Spec Writing

    go-musicfox/go-musicfox

    Write and review feature specifications to staff-engineer standards.

    2.6k GitHub starsUsed in 1 repo~2.7k tokens
    Auto-check passed
  • Om Approve Merge PR

    go-musicfox/go-musicfox

    Approve (submit an approving review) and squash-merge a PR given only its number, refusing when the QA gate or a blocking label forbids it.

    2.6k GitHub starsUsed in 1 repo~2.6k tokens
    Auto-check: notes

Questions about Om UX Shape

What does Om UX Shape do?

Turn a vague product, UI/UX, or AI feature idea into a decided direction. Om UX Shape is an agent skill from go-musicfox/go-musicfox. Turn a vague product, UI/UX, or AI feature idea into a decided direction.

When should I use Om UX Shape?

Om UX Shape fits situations like: shaping a feature; simplifying an overcomplicated flow; deciding whether and how to use AI; defining screen states.

How do I install Om UX Shape in Claude Code?

Run `npx skills add go-musicfox/go-musicfox --skill om-ux-shape -a claude-code`. Or copy the skill folder (.agents/skills/om-ux-shape in go-musicfox/go-musicfox) into .claude/skills/om-ux-shape in your project. Claude Code loads it when a task matches its description.

How do I install Om UX Shape in Codex?

Run `npx skills add go-musicfox/go-musicfox --skill om-ux-shape -a codex`. Or copy the skill folder (.agents/skills/om-ux-shape in go-musicfox/go-musicfox) into .agents/skills/om-ux-shape in your project. Codex loads it when a task matches its description.

Can I use Om UX Shape in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add go-musicfox/go-musicfox --skill om-ux-shape -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/om-ux-shape, .gemini/skills/om-ux-shape, .github/skills/om-ux-shape and .opencode/skills/om-ux-shape in your project.

What does Om UX Shape need to run?

SKILL.md names no scripts, command-line tools or credentials: Om UX Shape is instructions for the agent only.

Does Om UX Shape access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Om UX Shape safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Om UX Shape use?

Om UX Shape is published under the GPL-3.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Om UX Shape use?

About 2k tokens (SKILL.md is roughly 8.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 8.5k tokens, read only when the agent opens those files.

What are the alternatives to Om UX Shape?

Skills that share tags, products or a category with Om UX Shape: UI Styling (Ohh-889/skyroc, 795 stars), LobeHub Interactive Prototype (lobehub/lobehub, 83k stars), Make Interfaces Feel Better (samuelclay/NewsBlur, 7.6k stars) and UI UX Pro Max (ZxBing0066/pixel-converter, 181 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Om UX Shape?

go-musicfox (a GitHub organization) maintains it in go-musicfox/go-musicfox, which has 2,584 GitHub stars. The repository holds 37 skills in this directory. The repository was last updated on September 7, 2026.

Source: go-musicfox/go-musicfox on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.