Skip to content

Beyond the happy path.

UI patterns teach how interfaces look. These 12 agent skills teach how they behave.

npx skills add aviralj02/interface-skills

Works with Claude Code, Cursor, Codex, Copilot, OpenCode, and more.

Browse the skillsSource on GitHub
What agents usually ship: one state, designed.
  • TeamInvite
    ARAna RuizAdmin
    SOSam OkaforMember
    PNPriya NairMember
    Populatedthe happy path
  • Team
    Not handled
    Loadinginterface-states
  • Team
    Not handled
    Emptyux-writing
  • Team
    Not handled
    Failed requestasync-interactions
  • Team
    Not handled
    No permissionfeature-completeness
  • Team
    Not handled
    Long contentcontent-resilience

Twelve skills, one job each

Every skill solves one behavioral problem and produces something concrete: a matrix, a spec, a map, a report. Open any of them to read it in full before you install.

Start here

Find what a feature is missing, then route each gap to the skill that fixes it.

States and actions

What a surface shows, and what happens after someone acts.

Structure

Journeys across screens, and where things live.

Content

Words for every state, and layouts that survive real data.

Adaptation and input

Screen sizes, touch, keyboard, and screen readers.

Product scale

Consistency across a product, and a system grown from it.

They hand off to each other

Start with feature-completeness. It finds the gaps and names the skill that closes each one. Each skill works alone too, and the outputs share one vocabulary, so one skill's result feeds the next.

Per feature

Across the product

Install the pack

One command adds all 12 skills. Your agent loads the right one when the task calls for it. You can also ask for one by name.

npx skills add aviralj02/interface-skills

Works with Claude Code, Cursor, Codex, Copilot, OpenCode, and more.