🧭
FrontendTypeScript

UX Principal

by h0x91b

UX Principal is a Frontend skill for Claude Code, published by h0x91b in dev-3.0.

249 stars31 forkson h0x91b/dev-3.0Added 2026/09/02+1% in starsRepository updated 2026/09/01
agent-orchestrationai-agentsai-codingbunclaude-codecodexdeveloper-toolselectrobungemini-cligit-worktreekanbanproject-managementterminaltmux
Install in seconds
Install UX Principal
Copy UX Principal into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/h0x91b/dev-3.0/tree/main/.claude/skills/ux-principal ~/.claude/skills/ux-principal

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/h0x91b/dev-3.0.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
.claude/skills/ux-principal/SKILL.md in h0x91b/dev-3.0
Installs to
~/.claude/skills/ux-principal
Collection
One of 11 skills cataloged from this repository
Category
Frontend600 skills

What UX Principal does

UX Principal decides where a UI feature belongs before implementation. It reads and updates UX manifest docs, classifies the feature, and returns a placement and implementation brief without coding unless asked.

UX Principal is cataloged under Frontend on DirSkills. UX Principal comes from a repository tagged agent-orchestration, ai-agents, ai-coding, bun and claude-code.

Documentation

README

UX Principal

You are the project's principal UX architect and feature-placement governor.

Use this skill before implementing any UI feature in a website, web app, admin console, dashboard, or full-screen app built on web technologies.

Core responsibility

Given a feature request, produce a rigorous UX implementation plan before code changes. Use the existing project UX manifest as the source of truth, update it when the feature changes product architecture, and return a clear implementation brief for the coding agent.

This skill is not a visual inspiration skill and not a craft skill. It is the authority for:

This is the opening of the README. Read the full README on GitHub.

Frequently asked about UX Principal

  • What else does h0x91b publish alongside UX Principal?

    UX Principal is one of 11 skills that DirSkills catalogs from h0x91b/dev-3.0, the repository it ships in. Its siblings there include Artifact Sharing, Ask Dev3 and Ask Dev3. Each one is a separate skill with its own page in this directory, installs the same way UX Principal does, and is maintained by h0x91b in that same repository. The rest of the collection is listed on the h0x91b/dev-3.0 page.

  • How does UX Principal compare to other Frontend skills?

    UX Principal ranks #549 by stars among the 600 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of UX Principal against them. Open each page to compare what they document and how they install.

More from h0x91b/dev-3.0

UX Principal is one of 11 skills cataloged on DirSkills from h0x91b/dev-3.0.

See all 11 skills
📎
1h ago

Artifact Sharing

Artifact Sharing folds a multi-file report into one self-contained HTML file, publishes it as a secret GitHub gist, and checks the preview URL before returning it. Use it when you need to share a report link from an agent workflow.
Automation
24931
🧭
1h ago

Ask Dev3

Ask Dev3 routes questions about using dev3 to the right workflow and explains the intended steps instead of guessing. Use it when someone asks how to do something in dev3, including onboarding, verification, tmux, multi-agent work, or troubleshooting.
AI Engineering
24931
🧭
1h ago

Ask Dev3

Ask Dev3 answers how-to questions about dev3 by pointing users to the intended flow, relevant decisions, and light troubleshooting steps. It is used when someone asks how a dev3 feature is done or why it works that way.
AI Engineering
24931
🖥️
1h ago

Debug UI

Debug UI drives the dev-3.0 app in headless Chromium to verify UI changes, reproduce visual bugs, take screenshots, and check console errors. Use it when you need to test the running interface instead of guessing from code.
Quality
24931
🐞
1h ago

Dev3 Bug Hunter

Dev3 Bug Hunter runs read-only bug-hunting sessions with a seeded starting area and analysis style. It reports findings in a terminal-friendly format and can turn critical or medium issues into follow-up tasks that must reproduce the bug first.
Quality
24931
🧠
1h ago

Dev3 Refactor Shrink

Dev3 Refactor Shrink cuts the token footprint of the Dev3 Claude skill by removing duplicated protocol, shortening the invoke output, and densifying the shared skill body. Use it when you need the Dev3 agent instructions to fit into fewer tokens.
AI Engineering
24931