interfaces
Skills for building great product interfaces: typography, colors, layout, accessibility, UI polish and writing.
Plugin interfaces from marketplace interfaces in jakubkrehel/skills. Commands read from the repo's manifest — today.
What it installs
Skills (14)
afkWorks through a project while you're away, finding improvements and new ideas, building the best of them on a local branch and leaving a report for when you're back.
better-accessibilityReviews and fixes keyboard and focus behavior, ARIA, accessible names, forms, screen-reader announcements, motion and zoom against WCAG 2.2.
better-colorsBuilds and checks color systems by generating palettes, naming semantic tokens, converting between formats and measuring contrast.
better-interfaceReviews a screen, flow or whole interface across accessibility, layout, writing, typography, color and UI polish, and returns one ranked report.
better-layoutSets grouping, alignment, reading order, responsive structure and room for translated text, so a layout holds up when it is resized, translated or mirrored.
better-typographySets and reviews how text renders, from the type scale and spacing to font features, wrapping, truncation and punctuation.
better-uiPolishes surfaces, icons and motion with exact values for border radius, optical alignment, shadows, icon states and animation.
better-writingWrites and reviews interface copy, from labels and errors to empty states and confirmations, so it matches the product's voice and tells people what to do next.
breakRenders a component you choose under every scenario that can reach it on a temporary page and stress tests it.
build-designBuilds UI from a Figma file or a design image so it matches the design, using the project's existing tokens and components.
explain-interfaceExplains how a website, a visual effect or an animation was built, from a live URL or a screenshot.
interface-reviewReviews a branch, pull request or uncommitted change for the interface problems it introduced or regressed, across accessibility, layout, writing, typography, color and UI.
state-machineRenders every state of a component you choose on a throwaway page, with mock data and a switcher, so you can work on each state.
variantBuilds multiple variants of a component you're working on and helps you iterate and pick one.
Maintain interfaces?
This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.