CoherentDS
shared · Page blocks

ExtractForm

components/tools/ExtractForm.tsx

preview

We render the page in a headless browser, detect the hero, sample colours and typography, and produce a portable DESIGN.md. Public sites only — private IPs are blocked. Honors robots.txt.

usage · in this app
app/tools/designmd-extractor/page.tsx
import { ExtractForm } from '@/components/tools/ExtractForm'

<ExtractForm />
props
{}
used on · 1
/tools/designmd-extractor
tokens · 4
referenced in its file
--destructive--font-mono--muted-foreground--warning
history · 3
verified
Previews for the site components
2026-10-21
verified
Components: restore the spaces before quotes the token codemod removed
2026-10-21
verified
Components: hardcoded sizes, colors, radii and shadows replaced with the site tokens
2026-10-21
Coherent Design MethodGitHubDesign system read from this app's code