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
GET https://design.freecodecamp.org/registry/index.json- every item, its raw file URLs, npm deps, registry deps, and the registry version.- Copy
registryDependenciesfirst (alwaystheme; sometimes shared hooks). - Fetch each
files[].urlverbatim and write it tofiles[].target(defaultsrc/ui/<slug>/). - Import the component CSS once, globally.
- 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.