design

Installation
SKILL.md

freeCodeCamp UIKit (copy-source registry)

Components are COPIED into this project's source, shadcn-style. Nothing installs from npm.

Adding a component

  1. GET https://design.freecodecamp.org/registry/index.json - every item, its raw file URLs, npm deps, registry deps, and the registry version.
  2. Copy registryDependencies first (always theme; sometimes shared hooks).
  3. Fetch each files[].url verbatim and write it to files[].target (default src/ui/<slug>/).
  4. Import the component CSS once, globally.
  5. Need props or usage? https://design.freecodecamp.org/components/<slug>.md.

First-time setup in a project

Follow https://design.freecodecamp.org/registry/starter.md - theme install, self-hosted fonts, directory layout.

Rules

Installs
3
GitHub Stars
8
First Seen
Aug 29, 2026
design — freecodecamp-universe/marketplace