userinterface

Plugin userinterface from marketplace userinterface in raphaelsalaja/skills. Commands read from the repo's manifest — 3 days ago.

Skills (26)

• 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.

• 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.

• 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.

• color

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

• copy

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

• deconstruct

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

• 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.

• gather

  Collects references from the user's own saves and every site they pick onto one linked board before a design is built.

• icons

  Draws missing icons in the project's own style, measured from every icon the set already has and built to morph, then shows the set on one sheet.

• invariants

  Finds the state machines and rules an app relies on but never enforces, then returns a numbered report of where to enforce each one.

• 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.

• match

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

• motion

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

• 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.

• prototype

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

• restraint

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

• 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.

• ship

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

• sketchbook

  Generates a daily batch of interaction experiments in the project's own stack as live tiles you keep or kill, learning your taste with every batch.

• verify

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

• viewports

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