raphaelsalaja/skills

prose

Writes posts and breakdowns that open on where the author stands, show the options that lost, give exact numbers and mark every guess as a guess.

bots

Turns chosen Grok Bots into a shakeable pile, portfolio cards and an org chart page, each with a link to copy the bot, with private details stripped.

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.

audit

Reviews a change, a session or a whole codebase against every skill in this collection and returns one ranked, numbered report.

deconstruct

Breaks an animation or interaction into a state machine and a timeline of every property, on a page you can scrub and edit.

gather

Collects references from the user's own library, their boards and pattern sites onto one linked board before a design is built.

match

Rebuilds a named reference from its real source and computed values, then compares the two side by side.

avatar

Draws any object as a flat character with two capsule eyes, then animates its whole body so it glances, blinks, breathes, follows the pointer and falls asleep.

color

Holds text and control contrast to exact ratios, routes colour through role tokens and gives dark mode its own palette.

defaults

Applies house defaults for scroll edges, surfaces, type, sound, focus, forms, loading, hotkeys and dialogs.

frames

Records a performance trace of one interaction on a throttled CPU, names what drops frames or delays input, then proves the fix with a second trace.

keyboard

Walks a running page with the keyboard alone, records every focus stop and reports controls it cannot reach, see or operate.

lab

Builds a temporary page that shows every variant and state of real components at once, each linked to its source.

motion

Applies house motion for what animates, easing, durations, springs, gestures, exits and reduced motion.

viewports

Renders a page at every width, each breakpoint edge, a short landscape phone and 200% text, then reports what overflows, clips or hides.

prototype

Builds several real, labelled variants of one idea on a single page so the user can pick, then deletes the rest.

ship

Commits, pushes, merges and releases a change, watches the checks and confirms it is live.

restraint

Ships the smallest thing that does the job and deletes what nobody asked for.

copy

Writes interface labels in Title Case, short and plain, with one-line descriptions and no em dashes.

reuse

Reaches for the project's own components, then a maintained library, then a native feature, before writing new code.

rule

Turns a repeated correction into a short project rule with the broken and fixed line, then applies it to existing code.

scope

Changes exactly what was asked, keeps what already worked and finishes every item in the message.

verify

Checks a change in the running app before calling it done, then says where to see it.