typo3-component-build
Implement ONE already-specified mockup component in TYPO3 14.3 using Astryx reuse or targeted site-package adaptation, and verify its visual, responsive, and functional parity. Trace the selected element's inherited design, compare it with global tokens, and record component-specific tokens that are needed. Produces a sealed build-report handoff. Do not use for global design-token extraction, initial component analysis, or unconstrained custom development.
- License
- CC-BY-4.0
- Compatibility
- Requires a TYPO3 14.3.x project with skom/typo3-astryx and skom/stylex-connector, valid handoff artifacts (design-system.json, component-spec.json), Node.js/Vite in the site package, and Python 3.8+ for handoff sealing. Browser tooling is optional; unexecuted checks are marked not-run.
Pinned to revision d8505a1646b7, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/typo3-component-build/SKILL.md
- skills/typo3-component-build/README.md
- skills/typo3-component-build/agents/openai.yaml
- skills/typo3-component-build/evals/evals.json
- skills/typo3-component-build/evals/fixtures/accepted-deviation-bundle/components/card/build-report.json
- skills/typo3-component-build/evals/fixtures/accepted-deviation-bundle/components/card/component-spec.json
- skills/typo3-component-build/evals/fixtures/accepted-deviation-bundle/design-system.json
- skills/typo3-component-build/evals/fixtures/card-bundle/components/card/build-report.json
- skills/typo3-component-build/evals/fixtures/card-bundle/components/card/component-spec.json
- skills/typo3-component-build/evals/fixtures/card-bundle/design-system.json
- skills/typo3-component-build/evals/fixtures/carousel-bundle/components/carousel/component-spec.json
- skills/typo3-component-build/evals/fixtures/carousel-bundle/design-system.json
- skills/typo3-component-build/evals/fixtures/embedded-bundle/components/price-tag/component-spec.json
- skills/typo3-component-build/evals/fixtures/embedded-bundle/design-system.json
- skills/typo3-component-build/evals/fixtures/hero-bundle/components/hero/component-spec.json
- skills/typo3-component-build/evals/fixtures/hero-bundle/design-system.json
- skills/typo3-component-build/evals/fixtures/section-bundle/components/card/component-spec.json
- skills/typo3-component-build/evals/fixtures/section-bundle/components/section/component-spec.json
- skills/typo3-component-build/evals/fixtures/section-bundle/design-system.json
- skills/typo3-component-build/evals/fixtures/stale-token-bundle/components/card/component-spec.json
- skills/typo3-component-build/evals/fixtures/stale-token-bundle/design-system.json
- skills/typo3-component-build/references/decision-gates.md
- skills/typo3-component-build/references/handoff-contract.md
- skills/typo3-component-build/references/implementation-guide.md
- skills/typo3-component-build/references/reuse-assessment.md
- skills/typo3-component-build/references/schemas/build-report.payload.schema.json
- skills/typo3-component-build/references/schemas/component-spec.payload.schema.json
- skills/typo3-component-build/references/schemas/design-system.payload.schema.json
- skills/typo3-component-build/references/schemas/envelope.schema.json
- skills/typo3-component-build/references/verification-guide.md
- skills/typo3-component-build/scripts/validate_handoff.py
- skills/typo3-component-build/templates/build-report-report.md
- skills/typo3-component-build/templates/build-report.example.json
- skills/typo3-component-build/templates/component-spec-parent.example.json
- skills/typo3-component-build/templates/component-spec.example.json
- skills/typo3-component-build/templates/decision-record.md
- skills/typo3-component-build/templates/design-system.example.json
- skills/typo3-component-build/templates/reuse-assessment.md
Every link opens the file at its source, pinned to the revision this page describes.