Skill guide

UI system implementation

Build or refine browser screens and reusable components with responsive, accessible behavior.

Carry an agreed direction through source changes, consumer updates, and relevant verification. Work can cover a single screen or a shared system; abstractions are introduced only when their consumers justify them.

Package version 0.1.0-beta.4

Included with Faye UI System Engineer

See an example View package

When to use

Use this when you want actual UI changes, from improving one page to migrating a shared control and its callers.

What to provide

The screen, component, or accepted plan to implement.
The intended behavior and visual direction, supported viewports, and constraints on framework, dependencies, or existing edits.

Expected results

Implemented UI changes and any necessary consumer migrations.
Evidence from relevant source checks and rendered interaction or layout checks, with remaining gaps stated.

Example requests

Try this request

Codex

$ui-system-implementation Build the agreed skill-guide layout in our React site. Preserve the current components, support keyboard navigation, and verify the examples at mobile and desktop widths.

Grok

/ui-system-implementation Build the agreed skill-guide layout in our React site. Preserve the current components, support keyboard navigation, and verify the examples at mobile and desktop widths.

Antigravity

/ui-system-implementation Build the agreed skill-guide layout in our React site. Preserve the current components, support keyboard navigation, and verify the examples at mobile and desktop widths.

Requirements and limits

Before you start

A writable repository and a clear implementation scope.
A runnable page or browser evidence is needed to verify the rendered result.

Scope and limitations

The skill preserves the host framework and established ownership; dependency changes need their own authorization.
Screenshots alone do not prove interaction behavior.
Native application UI and general backend development are outside this skill's browser UI scope.

Technical source

The hosted file belongs to the package version shown on this page.

plugins/faye-ui-system-engineer/skills/ui-system-implementation

Open source file