UI ForgeInterface craft system
61Indexed
decisions
Layered interface proofs, translucent paper, a cobalt ruler, and a vermilion annotation strip

UI Forge 1.0 / npx skill

UI Forge

Install the skill.
Forge the interface.

Add UI Forge to your agent and route frontend work through context-aware composition, implementation guidance, and hard delivery gates.

npx skills add DNM03/ui-forge
Read the method Browse the system
Material studyUIF / 001

01 / LIVE ROUTING

One system.
Three ways in.

The task changes the route. The principles do not.

  1. 01BuildStart from the outcome, then choose structure and system.
  2. 02RedesignPreserve behavior. Correct the actual visual failure.
  3. 03AuditFind blocking defects before proposing a new direction.
Design read
LIVE / 01
Surface
Task mode

Current route

Product / Redesignstructured variance · restrained motion · compact density

02 / PRECEDENCE

Escape the generic
without breaking
the product.

Correctness first. User requirements, semantics, accessibility, and platform behavior resolve before novelty.

Open the resolver

03 / WORKING SYSTEM

From context to evidence

Ten references and forty-two structured decisions, routed by the work in front of you.

References11
Catalog entries61
Blocking gates8
Search records72
  1. 01Read context

    Resolve constraints, behavior, audience, outcome, and foundation.

  2. 02Route the work

    Choose the task mode, product surface, contextual dials, and stack.

  3. 03Compose first

    Select macrostructure and a structural fingerprint before components.

  4. 04Build the path

    Implement the real workflow with complete states and responsive behavior.

  5. 05Prove quality

    Run hard delivery gates, then inspect product fit with evidence.

Open the reference index

04 / HARD FLOOR

Proof before polish.

A UI is not done when it looks finished. It is done when the primary path survives inspection.

Inspect every gate
01Primary Workflow CompleteThe requested core path works from its initial state through a truthful completion, recovery, or explicitly bounded endpoint.02Semantic Keyboard PathNative semantics, programmatic names, logical focus order, and keyboard operation cover the complete core workflow.03Visible and Unobscured FocusEvery keyboard-focusable element has a visible high-contrast indicator that sticky or modal UI does not hide.04Contrast and Non-color CuesText, meaningful graphics, controls, focus, and states meet relevant contrast thresholds and do not depend on color alone.05Responsive Without LossSupported widths and text zoom preserve content, controls, reading order, and recovery without clipping or incoherent overlap.06Honest ContentPeople, data, customer evidence, metrics, integrations, awards, and product claims are source-backed or clearly labeled as samples.

05 / SELECTED PATTERNS

High-leverage decisions

All patterns
RecommendedMacrostructure FirstChoose the page or screen structure and reading order before selecting component recipes or detailed styling.RecommendedMobile RecompositionChange grouping, order, disclosure, and control layout for narrow screens instead of proportionally shrinking desktop UI.