typo3-component-analyze
Analyze ONE selected component or composite section from React source, a URL, Stitch design, exports, or screenshots into a TYPO3-oriented specification of its whole visual design, structure, variants, editorial content, assets, responsive and interaction behavior, and non-binding placement hypothesis. Combine available resources and capture URL views in the internal browser. Use before building a component with Astryx. Do not compare against global design tokens or implement code.
- License
- CC-BY-4.0
- Compatibility
- Needs mockup resources and Python 3.8+ for the validator. A supplied URL requires the internal browser; Stitch-MCP and Astryx evidence are optional. No global design-system handoff or TYPO3 installation is needed.
Pinned to revision d8505a1646b7, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/typo3-component-analyze/SKILL.md
- skills/typo3-component-analyze/README.md
- skills/typo3-component-analyze/agents/openai.yaml
- skills/typo3-component-analyze/evals/evals.json
- skills/typo3-component-analyze/evals/fixtures/README.md
- skills/typo3-component-analyze/evals/fixtures/bundles/fresh-session/components/card-grid/component-spec.json
- skills/typo3-component-analyze/evals/fixtures/bundles/fresh-session/components/card/component-spec.json
- skills/typo3-component-analyze/evals/fixtures/bundles/fresh-session/design-system.json
- skills/typo3-component-analyze/evals/fixtures/bundles/missing-child/components/card-grid/component-spec.json
- skills/typo3-component-analyze/evals/fixtures/mockup/desktop-1440.png
- skills/typo3-component-analyze/evals/fixtures/mockup/src/components/Banner.tsx
- skills/typo3-component-analyze/evals/fixtures/mockup/src/components/Card.tsx
- skills/typo3-component-analyze/evals/fixtures/mockup/src/components/Carousel.tsx
- skills/typo3-component-analyze/evals/fixtures/mockup/src/components/Nav.tsx
- skills/typo3-component-analyze/evals/fixtures/mockup/src/components/blog/Card.tsx
- skills/typo3-component-analyze/evals/fixtures/mockup/src/index.css
- skills/typo3-component-analyze/evals/fixtures/mockup/src/sections/CardGrid.tsx
- skills/typo3-component-analyze/evals/fixtures/mockup/src/sections/FullWidthHero.tsx
- skills/typo3-component-analyze/references/component-analysis.md
- skills/typo3-component-analyze/references/handoff-contract.md
- skills/typo3-component-analyze/references/responsive-and-interaction.md
- skills/typo3-component-analyze/references/schemas/build-report.payload.schema.json
- skills/typo3-component-analyze/references/schemas/component-spec.payload.schema.json
- skills/typo3-component-analyze/references/schemas/design-system.payload.schema.json
- skills/typo3-component-analyze/references/schemas/envelope.schema.json
- skills/typo3-component-analyze/references/source-and-evidence.md
- skills/typo3-component-analyze/references/target-placement.md
- skills/typo3-component-analyze/scripts/validate_handoff.py
- skills/typo3-component-analyze/templates/analysis-checklist.md
- skills/typo3-component-analyze/templates/build-report.example.json
- skills/typo3-component-analyze/templates/component-spec-parent.example.json
- skills/typo3-component-analyze/templates/component-spec-report.md
- skills/typo3-component-analyze/templates/component-spec.example.json
- skills/typo3-component-analyze/templates/design-system.example.json
Every link opens the file at its source, pinned to the revision this page describes.