Web Toolkit

Manually-curated frontend toolkit preferences — component libraries, CSS framework, runtime, accessibility, and coding patterns.

Properties

component_librariesWebLibraryEntry[]

UI component libraries used by the brand

namestringrequired

Example: "shadcn/ui"

urlstring | null

versionstring | null

Example: "2.x"

notesstring | null

css_frameworkobject | null

CSS framework or styling approach

namestring

Example: "Tailwind CSS"

versionstring | null

Example: "4.x"

theme_config_urlstring | null

Link to the theme or config file

notesstring | null

icon_librariesWebLibraryEntry[]

Icon sets used by the brand

namestringrequired

Example: "shadcn/ui"

urlstring | null

versionstring | null

Example: "2.x"

notesstring | null

meta_frameworksWebLibraryEntry[]

Meta-frameworks (e.g. Next.js, Nuxt)

namestringrequired

Example: "shadcn/ui"

urlstring | null

versionstring | null

Example: "2.x"

notesstring | null

state_managementWebLibraryEntry[]

State management libraries

namestringrequired

Example: "shadcn/ui"

urlstring | null

versionstring | null

Example: "2.x"

notesstring | null

authWebLibraryEntry[]

Authentication libraries and providers

namestringrequired

Example: "shadcn/ui"

urlstring | null

versionstring | null

Example: "2.x"

notesstring | null

languagestring | null

Programming language and strictness level

Example: "TypeScript (strict)"

runtimestring | null

Runtime environment

Example: "Node 22"

package_managerstring | null

Package manager

Example: "pnpm"

accessibilitystring | null

Accessibility standard target

Example: "WCAG 2.2 AA"

animationobject | null

Animation and motion preferences

librarystring | null

Animation library or approach

Example: "Framer Motion"

reduced_motionboolean

Whether to honour prefers-reduced-motion

notesstring | null

deploymentWebLibraryEntry[]

Deployment platforms and hosting providers

namestringrequired

Example: "shadcn/ui"

urlstring | null

versionstring | null

Example: "2.x"

notesstring | null

design_tokensobject | null

Freeform design tokens (spacing, radius, shadows)

preferred_patternsstring[]

Preferred coding patterns (e.g. "server components", "app router")

custom_urlsobject[]

Reference links (Storybook, Figma, etc.)

labelstring

Example: "Storybook"

urlstring

notesstring | null

Free-text notes

Example

example.json

{
  "component_libraries": [
    {
      "name": "shadcn/ui",
      "url": null,
      "version": "2.x",
      "notes": null
    }
  ],
  "css_framework": {
    "name": "Tailwind CSS",
    "version": "4.x",
    "theme_config_url": null,
    "notes": null
  },
  "icon_libraries": [
    "..."
  ],
  "meta_frameworks": [
    "..."
  ],
  "state_management": [
    "..."
  ],
  "auth": [
    "..."
  ],
  "language": "TypeScript (strict)",
  "runtime": "Node 22",
  "package_manager": "pnpm",
  "accessibility": "WCAG 2.2 AA",
  "animation": {
    "library": "Framer Motion",
    "reduced_motion": true,
    "notes": null
  },
  "deployment": [
    "..."
  ],
  "design_tokens": null,
  "preferred_patterns": [
    "string"
  ],
  "custom_urls": [
    {
      "label": "Storybook",
      "url": "string"
    }
  ],
  "notes": null
}