Density

SkillsComing soon

Density comes with agent skills to help your coding agents build UI with Density.

The skills use the agent skill format, compatible with Claude Code, ChatGPT/Codex, and many other harnesses.

Available skills

  • Density Base UI installs or updates Density in React, finds an existing component, or guides you through building a new component.
  • Density CSS installs or updates the CSS foundation and explains the public token, attribute, style, and linting API.

Install

Density packages are not published yet. Once they are, install the package and add its bundled skill with the skills CLI:

pnpm add density-base-ui density-css
npx skills add ./node_modules/density-base-ui/skills
npx skills add ./node_modules/density-css/skills

Until then, use the linked source skills with a checkout of the Density repository. The final publish workflow will verify the exact skills CLI command before this badge is removed.