Skip to content
prfct.dev

Resources

Release notes, machine-readable tokens and docs, and the registry — everything for working with prfct outside this site.

ChangelogEvery release of prfct, newest first.Design tokensHow the tokens are structured, and how to use them in code and design tools.light.tokens.jsonEvery color scale and semantic role for light mode, in the W3C Design Tokens (DTCG) format.dark.tokens.jsonThe same structure for dark mode. Import both as modes in Figma Variables or Tokens Studio.prfct.tokens.jsonTypography, radius, durations and easing curves.Registry indexEvery component and the theme as shadcn registry items.llms.txtAn index of these docs for language models and coding agents.

Using the files

  • Tokens. Import the three files into Tokens Studio or any DTCG-aware tool, with the light and dark files as modes. The CSS in styles/prfct/tokens.css is generated from the same source, so values match exactly.
  • Registry. Point the shadcn CLI at {{site}}/r/<name>.json, or register prfct as a namespace — see Installation.
  • llms.txt. Give it to an assistant that writes UI with prfct: it lists every page with a one-line description, so the assistant can fetch what it needs.