Updated 1d ago
by raphaelsalaja
skills
A collection of agent skills for building interfaces with coding agents.
46 GitHub stars (46)
| Period | New stars |
|---|---|
| Oct 31 | +4 |
- 15 skills (15 skills found in its SKILL.md files)
- 5 forks (5 forks)
- 1d ago last update (Last updated 1d ago)
Install
Skills CLI
npx skills add raphaelsalaja/skills
Asks which skills and agents to install. Just one: npx skills add raphaelsalaja/skills --skill alignment — add -g for every project.
Claude Code
git clone https://github.com/raphaelsalaja/skillscp -r "skills/skills/alignment" ~/.claude/skills/
Copies the alignment skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add raphaelsalaja/skills
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
alignment
Measures a running page for edges, gaps, centring and radii that miss by a pixel or two, then judges visual weight and returns a numbered report with proof.
skills/alignment/SKILL.md on GitHub (opens in a new tab) -
audit
Reviews a change, a session or a whole codebase against every skill in this collection and returns one ranked, numbered report.
skills/audit/SKILL.md on GitHub (opens in a new tab) -
copy
Writes interface labels in Title Case, short and plain, with one-line descriptions and no em dashes.
skills/copy/SKILL.md on GitHub (opens in a new tab) -
deconstruct
Breaks an animation or interaction into a state machine and a timeline of every property, on a page you can scrub through.
skills/deconstruct/SKILL.md on GitHub (opens in a new tab) -
defaults
Applies house defaults for scroll edges, surfaces, type, motion, sound, focus, forms, loading, hotkeys and dialogs.
skills/defaults/SKILL.md on GitHub (opens in a new tab) -
gather
Collects references from the user's own library, their boards and pattern sites onto one linked board before a design is built.
skills/gather/SKILL.md on GitHub (opens in a new tab) -
lab
Builds a temporary page that shows every variant and state of real components at once, each linked to its source.
skills/lab/SKILL.md on GitHub (opens in a new tab) -
match
Rebuilds a named reference from its real source and computed values, then compares the two side by side.
skills/match/SKILL.md on GitHub (opens in a new tab) -
prototype
Builds several real, labelled variants of one idea on a single page so the user can pick, then deletes the rest.
skills/prototype/SKILL.md on GitHub (opens in a new tab) -
restraint
Ships the smallest thing that does the job and deletes what nobody asked for.
skills/restraint/SKILL.md on GitHub (opens in a new tab) -
reuse
Reaches for the project's own components, then a maintained library, then a native feature, before writing new code.
skills/reuse/SKILL.md on GitHub (opens in a new tab) -
rule
Turns a repeated correction into a short project rule with the broken and fixed line, then applies it to existing code.
skills/rule/SKILL.md on GitHub (opens in a new tab) -
scope
Changes exactly what was asked, keeps what already worked and finishes every item in the message.
skills/scope/SKILL.md on GitHub (opens in a new tab) -
ship
Commits, pushes, merges and releases a change, watches the checks and confirms it is live.
skills/ship/SKILL.md on GitHub (opens in a new tab) -
verify
Checks a change in the running app before calling it done, then says where to see it.
skills/verify/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.