live-spec

Community

Keep UI and specs in perfect sync.

Authorwandouni
Version1.0.0
Installs0

System Documentation

What problem does it solve?

UI and documentation drift is costly; this skill keeps interface docs in lockstep with code by generating per-page live-spec.ts and mounting a LiveSpec floating widget during development.

Core Features & Use Cases

  • Automatic per-page live-spec.ts generation and updates when pages change
  • Floating LiveSpec widget for on-page viewing of current page requirements
  • Versioning and history via live-spec.history.ts with /live-spec tag and export options
  • All-project aggregation via live-spec.all.ts for PRD/export

Quick Start

Ask to generate or update a page's requirements, or issue /live-spec commands to manage pages.

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: live-spec
Download link: https://github.com/wandouni/live-spec-skill/archive/main.zip#live-spec

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.