Artifacts
How DESIGN.md and theme.css work together as Specra's generated agent handoff.
Specra generates two public artifacts from each successful revision.
Artifacts are not the main product surface, but they are the clearest way to inspect exactly what Specra inferred.
The artifacts are portable. You can download DESIGN.md and theme.css and apply them manually in any stack. The stricter TailwindCSS and shadcn/ui expectations belong to Specra's MCP and skills workflows, where the agent needs a predictable implementation path.
DESIGN.md
This is the agent-facing entrypoint.
Read it first when you want the compact, convention-friendly guide with:
- visual atmosphere
- token and type rules
- component recipes
- do and don't guidance
- prompt-ready implementation notes
theme.css
This is the implementation-ready theme contract.
Use it for semantic styling such as:
bg-backgroundtext-foregroundbg-cardborder-bordertext-muted-foreground
Recommended order
If you are working directly from artifacts:
- read
DESIGN.md - apply
theme.css