typo3-design-system-extract
Extract the global design system (colors, typography, spacing, radii, shadows, motion, layout widths, breakpoints, themes, fonts, assets) from a React/Tailwind mockup, URL, Stitch design, export, or screenshots; combine available sources, map values to installed Astryx tokens, and optionally build a TYPO3 14.3 site-package foundation with StyleX Connector and Vite. Use for site-wide extraction before components. Do not use for one component, section, or page.
- License
- CC-BY-4.0
- Compatibility
- Analysis needs readable mockup resources and Python 3.8+; URL sources require the internal browser, and Stitch-MCP is optional. Target changes need TYPO3 14.3.x, skom/typo3-astryx, skom/stylex-connector, Composer, Node.js, Vite, and permission to edit the site package. Unavailable checks are reported as not-run.
Pinned to revision d8505a1646b7, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/typo3-design-system-extract/SKILL.md
- skills/typo3-design-system-extract/README.md
- skills/typo3-design-system-extract/agents/openai.yaml
- skills/typo3-design-system-extract/evals/evals.json
- skills/typo3-design-system-extract/evals/fixtures/fsc-target/composer.json
- skills/typo3-design-system-extract/evals/fixtures/react-tailwind/src/index.css
- skills/typo3-design-system-extract/evals/fixtures/react-tailwind/tailwind.config.js
- skills/typo3-design-system-extract/evals/fixtures/stitch-html/stitch.html
- skills/typo3-design-system-extract/evals/fixtures/typo3-13-target/composer.json
- skills/typo3-design-system-extract/references/evidence-ledger.md
- skills/typo3-design-system-extract/references/handoff-contract.md
- skills/typo3-design-system-extract/references/schemas/build-report.payload.schema.json
- skills/typo3-design-system-extract/references/schemas/component-spec.payload.schema.json
- skills/typo3-design-system-extract/references/schemas/design-system.payload.schema.json
- skills/typo3-design-system-extract/references/schemas/envelope.schema.json
- skills/typo3-design-system-extract/references/source-intake.md
- skills/typo3-design-system-extract/references/target-and-build.md
- skills/typo3-design-system-extract/references/token-mapping.md
- skills/typo3-design-system-extract/references/verification.md
- skills/typo3-design-system-extract/scripts/validate_handoff.py
- skills/typo3-design-system-extract/templates/build-report.example.json
- skills/typo3-design-system-extract/templates/component-spec-parent.example.json
- skills/typo3-design-system-extract/templates/component-spec.example.json
- skills/typo3-design-system-extract/templates/design-system-report.md
- skills/typo3-design-system-extract/templates/design-system.example.json
- skills/typo3-design-system-extract/templates/token-mapping-ledger.md
Every link opens the file at its source, pinned to the revision this page describes.