Skills
.Work. You
Rest

ui-surface-inventory

Community

Map UI scopes to prevent spec drift.

Design & Creative#product design#documentation routing#interface inventory#spec recovery#ui scope#component candidates#stateful ui
AuthorThorStarlord
Version1.0.0
Installs0

System Documentation

What problem does it solve?

UI scope bloat and spec drift happen when teams try to recover or write interface specs without first clarifying the smallest coherent UI Scope and the right order to specify it.

Core Features & Use Cases

  • UI Scope Discovery & Classification: Scans a product interface and classifies UI Scopes by type (App Shell, Journey, Route, Sub-surface).
  • Component Candidate Identification: Notes reusable UI component candidates inside each Sub-surface to guide downstream spec work.
  • Prioritized Recovery Order: Recommends a practical specification sequence (frame, journeys, primary routes, then sub-surfaces) to support retrospective specification recovery.

Quick Start

Use the ui-surface-inventory skill to map the UI Scopes for an existing app from screenshots or DOM evidence and produce surface-inventory.md as the starting spec.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: ui-surface-inventory
Download link: https://github.com/ThorStarlord/interface-skills/archive/main.zip#ui-surface-inventory

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.