Skill

Skill

The skill is a public set of text files that gives your agent design judgement. It needs no account, and one line installs it: npx skills add vyblor/design

Install it

Run this in your project folder. In a terminal, it asks which agent to install for.

npx skills add vyblor/design

To skip the questions, name the agent yourself.

Claude Code
npx skills add vyblor/design --agent claude-code --yes
Codex
npx skills add vyblor/design --agent codex --yes

For Claude Code it lands in .claude/skills/vyblor, and for Codex in .agents/skills/vyblor. A skills-lock.json file also appears in your project.

Use it

Ask for a screen as you normally would. Your agent reads the skill's description and picks it up by itself. Naming it makes that certain.

Build a landing page with the vyblor skill
Find what looks AI-made here and fix it

What's inside

A SKILL.md with the steps an agent follows, and eight reference files on type, colour, space, motion, Korean, states, copy and how to use the library.

It's text only: no scripts, no install hooks and no telemetry. It holds no code from the library. For pieces, use MCP or the CLI.

Update or remove it

Update
npx skills update vyblor --yes
Remove
npx skills remove vyblor --yes

Copy it yourself

Your browser blocked copying. Select the text below and copy it.