Dev Screen Spec Generator

•
965
•

Generates and synchronizes detailed screen specification documents from source code or project acceptance criteria.

The dev-screen-spec skill automates the creation and maintenance of screen specification documents in Markdown format with frontmatter. By analyzing routing definitions, page components, and git diffs, it ensures that project documentation stays in sync with the actual implementation. It features three distinct modes: 'init' for full project analysis, 'update' for incremental synchronization based on code changes, and 'from-plan' for bootstrapping specifications directly from acceptance criteria before code is written. The skill uses a sophisticated multi-agent architecture and a 'traffic light' system (Blue/Yellow/Red) to provide transparency on whether documentation details were directly extracted, inferred, or generated via AI reasoning.

Características Principales

01Parallel sub-agent execution for efficient processing of large screen groups.
02Information source labeling with visual signals for direct, inferred, or AI-supplemented data.
03Incremental documentation updates using Git diffs to detect code changes.
04965 GitHub stars
05Automated generation of screen specifications from source code analysis.
06Requirement-driven generation from acceptance criteria via 'from-plan' mode.

Casos de Uso

01Bridging the gap between code implementation and automated test planning pipelines.
02Keeping UI documentation perfectly synced with a fast-moving frontend codebase.
03Generating initial screen specs from business requirements to guide development.