What is primitives CLAUDE.md?

A project instruction document for Radix NG Primitives, an Angular library of unstyled building blocks for user interfaces, organised as a monorepo—a repository containing multiple related packages.

Use it when adding or changing primitives, directives, APIs, tests, Storybook examples, documentation, or release-related project files.

It points agents to the authoritative project notes and summarises the library's architecture, naming rules, testing practices, and component conventions.

How radix-ng/primitives configures Claude Code

Reuse

Borrowing it

Nothing to install: this file belongs to radix-ng/primitives. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.

Copy the file

curl -O https://raw.githubusercontent.com/radix-ng/primitives/main/CLAUDE.md

Clone the repo

git clone --depth 1 https://github.com/radix-ng/primitives

Made for: Claude Code.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

README.md

[![agentmods](https://agentmods.dev/badge/instructions/radix-ng/primitives/claude-md/github.svg)](https://agentmods.dev/instructions/radix-ng/primitives/claude-md)

Your own site

<a href="https://agentmods.dev/instructions/radix-ng/primitives/claude-md"><img src="https://agentmods.dev/badge/instructions/radix-ng/primitives/claude-md/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

Your own site · 80×15

<a href="https://agentmods.dev/instructions/radix-ng/primitives/claude-md"><img src="https://agentmods.dev/badge/instructions/radix-ng/primitives/claude-md.svg" alt="Reviewed on agentmods" width="80" height="20"></a>

Per session 10,141 This file is loaded in full into every session.

When invoked 10,141 The same file — it is already loaded in full.

Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.

Origin original No closer match found in the catalogue.

Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

Model	Per session	Once invoked
Fable 5.1	$0.10141	$0.10141
Opus 5.5	$0.04056	$0.04056
Sonnet 5.5	$0.02028	$0.02028
Haiku 4.5	$0.01014	$0.01014

Measured 2mo ago against content hash ad5916178d59, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

primitives CLAUDE.md scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 2mo ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

CLAUDE.md · 410 lines

How it starts

The opening of the file, as written. The whole thing — 410 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Radix NG Primitives — Claude Guide

Project knowledge

Detailed documentation lives in .claude/skills/project-knowledge/references/:

project.md — what the library is, audience, available primitives
architecture.md — tech stack, monorepo layout, composition primitives, DI context, CDK migration
patterns.md — naming, new primitive checklist, signals conventions, testing, story patterns
deployment.md — CI/CD, release process, Storybook/docs builds
ux-guidelines.md — demo styling system, semantic tokens, animation patterns

Read the relevant file before starting any non-trivial task. The sections below in this file are a quick-reference summary; the references/ files are the authoritative source.

Project overview

Angular port of headless UI primitives. This is a signals-first, headless component library — directives carry no styles; state is exposed via data-* attributes for consumers to style.

Reference priority: Base UI is the primary reference we align to — match its component APIs, naming, and behavior when designing or updating primitives. Radix UI was the original foundation of this library and remains a valid secondary reference to consult, especially for patterns Base UI doesn't cover.

Monorepo: Nx 22, pnpm workspaces
Angular: 21 / 22 (peer range ^21.0.0 || ^22.0.0; signals API: input(), model(), computed(), signal(), linkedSignal())
TypeScript: 5.9
Testing: Vitest + AnalogJS Angular Vite plugin + @testing-library/angular
Storybook: 10 (@storybook/angular + AnalogJS vite plugin)
Styling in stories: Tailwind v4 (see "Stories & Storybook")
Prefix: rdx (selectors and exportAs)
Class prefix: Rdx

Monorepo structure

packages/
  primitives/          ← main Angular library (ng-packagr secondary entries)
    <name>/
      index.ts         ← barrel exports + optional NgModule
      ng-package.json  ← secondary entry point {"lib":{"entryFile":"index.ts"}}
      src/
        <name>-root.directive.ts
        <name>-<role>.directive.ts   (or .ts without "directive" suffix for newer style)
      __tests__/
        <name>-root.directive.spec.ts
      stories/
        <name>.stories.ts
        <name>.ts                    ← standalone story components
apps/
  radix-storybook/     ← Storybook docs/examples; also the public site on radix-ng.com
  radix-playground/    ← Angular playground app
  radix-ssr-testing/   ← SSR smoke-test app
  radix-perf-testing/  ← performance benchmark app
  visual-regression/   ← Playwright visual and behavior specs
skills/                ← LLM consumer Agent Skills (generated from Storybook docs)
tools/
  scripts/             ← build helpers (incl. skills bundle generator)

Read the full file on GitHub · 410 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

2mo ago Changed · +2 lines · +138 tokens per session ad5916178d59
2mo ago Changed · +2 lines · +322 tokens per session 2fc740f7719a
2mo ago First seen · 406 lines · 9,681 tokens per session scan A ecea02e07370

Subscribe to this mod's changes

primitives CLAUDE.md is an instructions file published in the GitHub repository radix-ng/primitives (277 stars, last pushed 2d ago), licensed MIT. It adds 10,141 tokens to every session, about $0.0406 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Frontend angular components design-system headless-components radix radix-ui

primitives CLAUDE.md next to 6 instructions from other repositories
Mod	Type	Stars	Last push	Licence	Scan	Tokens	Works with
primitives CLAUDE.mdradix-ng/primitives	Instructions file	277	2d ago	MIT	A	10,141	Claude Code
vscode buildNext.instructions.mdmicrosoft/vscode	Instructions file	195k	yesterday	MIT	A	9,719	GitHub Copilot
next.js AGENTS.mdvercel/next.js	Instructions file	143k	today	MIT	A	7,461	Codex, OpenCode
langchain AGENTS.mdlangchain-ai/langchain	Instructions file	149k	today	MIT	A	4,680	Codex, OpenCode
vscode oss-third-party-notices.instructions.mdmicrosoft/vscode	Instructions file	195k	yesterday	MIT	A	5,516	GitHub Copilot
vscode copilot-instructions.mdmicrosoft/vscode	Instructions file	195k	yesterday	MIT	A	3,093	GitHub Copilot
deepseek-harness AGENTS.mddeepseek-ai/deepseek-harness	Instructions file	274k	2d ago	MIT	A	4,313	Codex, OpenCode

primitives: Instructions file for Claude Code