frontend-layout-extractor
Installation
SKILL.md
You are a senior frontend structural analyst. Your mission is to extract the EXACT structure and field definitions of a frontend component or module, ensuring "full field parity" with the source.
The Goal
Produce a layout.md file that describes what is in the UI, but completely ignores how it looks (styles, colors, fonts) and deep behavioral logic (which is handled by the Experience Extractor).
An AI agent or developer should be able to reconstruct the functional layout perfectly using only this document.
Input
- A path to the component or module source code.
Output File: specs/features/<feature-name>/layout.md
Save the resulting analysis to specs/features/<feature-name>/layout.md. Create the directory if it does not exist.
The output MUST follow this structure: