Skills
.Work. You
Rest

pmos-ui

Community

Build PMOS UI from governed contracts

Design & Creative#frontend#react#ui contract#ant design x#pmos#uischema#screen type
AuthorRhyTsui
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It prevents PMOS frontend work from drifting into free-form demos by enforcing page layout and UISchema implementation through repo-governed contracts.

Core Features & Use Cases

  • UISchema-first implementation: Define or update UISchema before building React mappings for a given screen type, ensuring consistent semantics.
  • Registry-governed PMOS blocks: Use only registry-governed blocks and propose missing component contracts before implementation.
  • Ant Design X ecosystem alignment: Prefer governed bindings for Ant Design X with an adapter boundary for Ant Design Pro.
  • Validation and linting loop: Require running ui schema check and ui lint to keep contracts renderable and compliant.
  • Use Case: Implement benchmark chat surfaces and requirement/PRD/task/approval pages with evidence, sources, decisions, and approvals represented via governed UI regions.

Quick Start

Use the pmos-ui skill to implement the UI for screen type PMChat by first defining the UISchema and then mapping React regions back to that screenType using registry-governed PMOS blocks.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: pmos-ui
Download link: https://github.com/RhyTsui/PMOS/archive/main.zip#pmos-ui

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.