Pinned Loading

1. dtif dtif Public

   DTIF is a JSON format for exchanging design tokens. It standardises colour, typography, spacing and other decisions so design, code and automation stay in sync.

   TypeScript 1

2. dtifx dtifx Public

   DTIFx is the all-in-one production toolkit for DTIF: automating diffing, builds, and audits to keep your design tokens, components, and policies perfectly in sync.

   TypeScript 2

3. design-lint design-lint Public

   DTIF-powered, design-system-aware linter for JavaScript, TypeScript, and CSS: validating tokens and components to keep every interface consistent.

   TypeScript 3 1

4. dtifx-example dtifx-example Public

   Example wiring of the DTIFx Toolkit with design-lint, showcasing token generation, artefact builds, and CI checks that maintain design governance across a sample React UI.

   JavaScript 2

5. dscp dscp Public

   Design System Context Protocol: a versioned specification and type package for communicating design system constraints to generative AI models before code generation.

   TypeScript

6. dsr dsr Public

   Design System Runtime: a long-lived kernel process that holds the complete design system graph in memory and exposes it over a typed IPC interface.

   TypeScript