ap9000

Youiyoux — Development skill for Claude Code

Development community

Your agent rebuilds components you already have.

How to install Youiyoux

This entry records only its repository, not the path inside it, so there is no exact command to give. Open ap9000/youiyoux and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Youiyoux does

Your agent rebuilds components you already have. youiyoux catches it. npx youiyoux: a shareable report of near-duplicate components, hardcoded token values and off-library imports, with the fixes. MCP tools and a hook for Claude Code, Codex and any AGENTS.md agent.

Alternatives in Development

Claude API — Build apps with the Claude API or Anthropic SDK 94.1k ★
Product Name — Brainstorm 5 memorable product names aligned to brand values 7.8k ★
Fidelity — Measure how faithfully a clone reproduces a site — pixel-diff plus motion-fidelity into one 0-100 score, a let 3.6k ★

README

youiyoux card for Toolroll's console: 605 components defined, 4 duplicated components, 253 hardcoded values, 0 off-library imports

youiyoux

**Your agent rebuilds components you already have. youiyoux catches it.**

UI context and verification for coding agents: it tells the agent what your repo already has before it writes UI, then checks what it wrote. Storybook is the workshop for people. youiyoux is for agents.

[![npm](https://img.shields.io/npm/v/youiyoux)](https://www.npmjs.com/package/youiyoux) [![CI](https://github.com/ap9000/youiyoux/actions/workflows/ci.yml/badge.svg)](https://github.com/ap9000/youiyoux/actions/workflows/ci.yml) [![License: MIT](https://img.shields.io/badge/license-MIT-blue)](LICENSE)

Try it

npx youiyoux

In any repo. No config, no account. You get three files:

youiyoux-report.html: the full report, one offline page
youiyoux-card.png: the card above
youiyoux-summary.md: paste it into a PR or issue

The top of a youiyoux report: five summary lines and four headline numbers

Use cases

Audit before a refactor. Every near-duplicate, which copy to keep, and the files to change.
Stop your agent duplicating components. After npx youiyoux agents install, it asks ui_find_component first.
Keep hardcoded colours out of PRs. npx youiyoux check --diff names the token to use instead.
Share a UI health report. Send the page or the card to your team or a maintainer.
Let your agent see what it built. npx youiyoux render : light and dark, desktop and phone, accessibility issues, a diff against main.

What it finds

From Toolroll's console, 761 files:

Near-duplicates: 7 groups of UI that looks the same but is built more than once; 4 of them between exported components.
Hardcoded values: 253 colours, spacings and radii a theme token already