Happy Monorepo Dev Guide
slopus/happy
Local development guide for the Happy pnpm monorepo: install, build, test and run the CLI, server, Expo app and Tauri desktop packages.
Angular framework reference for building this signals-first, headless directive library.
Install Angular Developer
$ npx skills add radix-ng/primitives --skill angular-developer -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install radix-ng/primitives angular-developer --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/radix-ng/primitives.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/angular-developer .claude/skills/angular-developer && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "angular-developer" agent skill from https://github.com/radix-ng/primitives/tree/main/.claude/skills/angular-developer into .claude/skills/angular-developer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "angular-developer", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/radix-ng/primitives/tree/main/.claude/skills/angular-developerType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add radix-ng/primitives --skill angular-developer -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install radix-ng/primitives angular-developer --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/radix-ng/primitives.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.claude/skills/angular-developer .agents/skills/angular-developer && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "angular-developer" agent skill from https://github.com/radix-ng/primitives/tree/main/.claude/skills/angular-developer into .agents/skills/angular-developer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "angular-developer", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add radix-ng/primitives --skill angular-developer -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install radix-ng/primitives angular-developer --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/radix-ng/primitives.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.claude/skills/angular-developer .cursor/skills/angular-developer && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "angular-developer" agent skill from https://github.com/radix-ng/primitives/tree/main/.claude/skills/angular-developer into .cursor/skills/angular-developer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "angular-developer", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/radix-ng/primitives.git --path .claude/skills/angular-developer--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add radix-ng/primitives --skill angular-developer -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install radix-ng/primitives angular-developer --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/radix-ng/primitives.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.claude/skills/angular-developer .gemini/skills/angular-developer && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "angular-developer" agent skill from https://github.com/radix-ng/primitives/tree/main/.claude/skills/angular-developer into .gemini/skills/angular-developer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "angular-developer", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install radix-ng/primitives angular-developerInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add radix-ng/primitives --skill angular-developer -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/radix-ng/primitives.git skills-src && mkdir -p .github/skills && cp -r skills-src/.claude/skills/angular-developer .github/skills/angular-developer && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "angular-developer" agent skill from https://github.com/radix-ng/primitives/tree/main/.claude/skills/angular-developer into .github/skills/angular-developer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "angular-developer", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add radix-ng/primitives --skill angular-developer -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install radix-ng/primitives angular-developer --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/radix-ng/primitives.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.claude/skills/angular-developer .opencode/skills/angular-developer && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "angular-developer" agent skill from https://github.com/radix-ng/primitives/tree/main/.claude/skills/angular-developer into .opencode/skills/angular-developer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "angular-developer", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
angular-developer- GitHub stars
- 274
- Token cost
- ~1.2k tokens
- SKILL.md length
- 362 words
- Files
- 15 (incl. references)
- Skills in repo
- 7
- Repo updated
- First seen
- Licence
- MIT
At a glance
Angular framework reference for building this signals-first, headless directive library.
- Works in 3 steps: Check the Angular version first… → Tooling is Nx + pnpm, not the Angular… → Prefer signals end to end (input(),…
- Tasks that involve Accessibility
- SKILL.md covers Reactivity and state, Components and directives, Dependency injection and Accessibility — headless ARIA…, plus 2 more sections
- Calls pnpm
What it does
Angular Developer is an agent skill from radix-ng/primitives. Angular framework reference for building this signals-first, headless directive library. Consult for API/best-practice details on reactivity (signal, computed, linkedSignal, effect, afterRenderEffect), Signal Forms, signal-based inputs/outputs, host bindings, dependency injection (inject, InjectionToken, providers, injection context, hierarchical injectors), headless accessible component patterns (ARIA), and Vitest testing. Defer to CLAUDE.md for repo-specific tooling — this is an Nx + pnpm monorepo, not an…
Its SKILL.md is about 1.2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 15 other files, including reference files (for example `references/angular-aria.md`, `references/components.md` and `references/defining-providers.md`).
It sits in Development, covering Accessibility, Design patterns and Unit testing. It works with Angular, pnpm and Vitest. The repository describes itself as: Headless, signals-first UI primitives for Angular. Accessible. Customizable. The licence is MIT.
When your agent uses it
- Tasks that involve Accessibility
- Tasks that involve Design patterns
- Tasks that involve Unit testing
Example prompts
- “/angular-developer”
Workflow steps
3 steps, taken from the first numbered list in SKILL.md.
- Check the Angular version first (packages/primitives/package.json peers — currently Angular 21).
- Tooling is Nx + pnpm, not the Angular CLI. Do not run ng new / ng generate / ng build.
- Prefer signals end to end (input(), output(), model(), computed(), linkedSignal(),
What it can do on your machine
Read from SKILL.md and the folder at commit eed2a31. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
pnpm
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use pnpm, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Angular Developer loads about 1.2k tokens when it runs, and up to ~20k if it reads all its reference files. Until then it costs about 137 tokens; SKILL.md has 362 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from radix-ng/primitives at commit eed2a31, republished under its MIT licence (© radix-ng). 362 words, ~1,198 tokens.
Download SKILL.mdSave it as
.claude/skills/angular-developer/SKILL.md (or your agent's skills folder). This skill also uses 14 other files; get the full folder from GitHub.- name
- angular-developer
- description
- Angular framework reference for building this signals-first, headless directive library. Consult for API/best-practice details on reactivity (signal, computed, linkedSignal, effect, afterRenderEffect), Signal Forms, signal-based inputs/outputs, host bindings, dependency injection (inject, InjectionToken, providers, injection context, hierarchical injectors), headless accessible component patterns (ARIA), and Vitest testing. Defer to CLAUDE.md for repo-specific tooling — this is an Nx + pnpm monorepo, not an Angular CLI app.
- license
- MIT
- metadata.author
- Copyright 2026 Google LLC
- metadata.version
- 1.0
- metadata.note
- Curated subset of angular/skills (github.com/angular/skills) for a headless library. App-only references (routing, SSR/rendering, data resolvers…
Angular Developer Guidelines (library edition)
This is the Radix NG primitives library — a signals-first, headless set of Angular directives,
not an application. Use these references for authoritative Angular framework details; for anything
repo-specific (build/test commands, naming, the createContext DI pattern, story conventions, the
CDK phase-out, the ngOn*-hook lint rule) CLAUDE.md and .claude/skills/project-knowledge take
precedence.
Working rules:
- Check the Angular version first (
packages/primitives/package.jsonpeers — currently Angular 21). Feature availability and best practice vary across versions. - Tooling is Nx + pnpm, not the Angular CLI. Do not run
ng new/ng generate/ng build. Scaffold by hand following the new-primitive checklist in CLAUDE.md, and verify withpnpm primitives:build/pnpm primitives:test. - Prefer signals end to end (
input(),output(),model(),computed(),linkedSignal(),effect()), and the constructor /DestroyRef/afterNextRenderoverngOn*lifecycle hooks (see the Lifecycle section of CLAUDE.md andpatterns.md).
Reactivity and state
The core of this library. Consult:
- Signals overview:
signal,computed, reactive contexts,untracked. Read signals-overview.md linkedSignal: writable state derived from source signals (used widely, e.g. the CVA value source). Read linked-signal.mdeffect/ side effects: third-party DOM,afterRenderEffect, and when NOT to use effects. Read effects.md
Components and directives
Authoring patterns for the directive parts and the few component-based parts:
- Components fundamentals: anatomy, metadata, control flow (
@if/@for/@switch). Read components.md - Inputs: signal inputs, transforms,
modelinputs. Read inputs.md - Outputs: signal outputs and custom-event best practices. Read outputs.md
- Host elements: host bindings and attribute injection (every primitive exposes state via
host+data-*). Read host-elements.md
Show full SKILL.md (120 more words)Show less
Dependency injection
The createContext pattern is InjectionToken + providers + inject(), so DI fundamentals matter:
- DI fundamentals: overview and the
inject()function. Read di-fundamentals.md - Defining providers:
InjectionToken,useClass/useValue/useFactory, scopes. Read defining-providers.md - Injection context: where
inject()is allowed,runInInjectionContext,assertInInjectionContext(relevant to constructor-vs-effect timing). Read injection-context.md - Hierarchical injectors:
ElementInjectorvsEnvironmentInjector,optional/skipSelf,providersvsviewProviders. Read hierarchical-injectors.md
Accessibility — headless ARIA patterns
Directly on-mission for this library:
- Angular ARIA components: building headless, accessible Accordion, Listbox, Combobox, Menu, Tabs, Toolbar, Tree, Grid, and styling ARIA attributes. Read angular-aria.md
Forms
The library exposes controls via ControlValueAccessor and is being readied for Signal Forms
(RdxFormValueControl / RdxFormCheckboxControl — see signal-forms-readiness.md):
- Signal Forms: signal-based form state. Read signal-forms.md
Testing
- Fundamentals (Vitest +
TestBed): unit-test best practices and async patterns. Read testing-fundamentals.md
© radix-ng, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 14 other files (references) in .claude/skills/angular-developer of radix-ng/primitives.
- SKILL.md
- references/angular-aria.md
- references/components.md
- references/defining-providers.md
- references/di-fundamentals.md
- references/effects.md
- references/hierarchical-injectors.md
- references/host-elements.md
- references/injection-context.md
- references/inputs.md
- references/linked-signal.md
- references/outputs.md
- references/signal-forms.md
- references/signals-overview.md
- references/testing-fundamentals.md
Open the folder on GitHubat commit eed2a31
Compare with similar skills
Angular Developer next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Angular Developer this skillradix-ng/primitives | 274 | — | ~1.2k | Automated safety check: Pass | MIT | |
| Happy Monorepo Dev Guideslopus/happy | 24k | — | ~1.8k | Automated safety check: Pass | MIT | |
| Ever Worksever-works/ever-works | 158 | — | ~2.2k | Automated safety check: Pass | AGPL-3.0 | |
| Ckeditor5 TestingTriliumNext/Trilium | 38k | — | ~3.3k | Automated safety check: Pass | AGPL-3.0 | |
| Effect TSmattiacerutti/supernova | 187 | — | ~2.8k | Automated safety check: Pass | MIT | |
| Angular Developermxtommy/Kip | 127 | 4 repos | ~2.4k | Automated safety check: Pass | MIT |
Similar skills
Ever Works
ever-works/ever-works
Repo-specific guide to the Ever Works monorepo (ever-works/ever-works) — its pnpm + Turborepo layout, the per-workspace test runners (Jest vs Vitest vs Playwright), file-naming and import-alias…
Ckeditor5 Testing
TriliumNext/Trilium
Testing CKEditor 5 plugins in the Trilium monorepo. An agent skill from TriliumNext/Trilium.
Effect TS
mattiacerutti/supernova
Write idiomatic Effect v4 TypeScript following official best practices from effect-solutions and the Effect source.
Angular Developer
mxtommy/Kip
Generates Angular code and provides architectural guidance. An agent skill from mxtommy/Kip.
Creating A Package
c15t/c15t
Scaffold a new workspace package in the c15t monorepo. An agent skill from c15t/c15t.
More from radix-ng/primitives
Radix Ng
radix-ng/primitives
Build correct, accessible UI with @radix-ng/primitives — the signals-first, headless Angular primitive library.
Radix Ng Examples
radix-ng/primitives
Index of every documented @radix-ng/primitives example. An agent skill from radix-ng/primitives.
Project Knowledge
radix-ng/primitives
A skill your agent uses when you need information about this project's architecture, tech stack, coding patterns, data model, deployment setup, git workflow, or UX guidelines.
Storybook Story
radix-ng/primitives
Write or update Storybook stories and docs MDX for a Radix NG primitive following project conventions.
Testing
radix-ng/primitives
Test Radix NG primitives across every layer and pick the RIGHT one for a change: Vitest unit (zoneless), jest-axe a11y, Playwright browser regression (apps/visual-regression), SSR…
Documentation Writing
radix-ng/primitives
Maintain project documentation in .claude/skills/project-knowledge/: audit, edit, check consistency, track status.
Related
Categories
Questions about Angular Developer
What does Angular Developer do?
Angular framework reference for building this signals-first, headless directive library. Angular Developer is an agent skill from radix-ng/primitives. Angular framework reference for building this signals-first, headless directive library.
When should I use Angular Developer?
Angular Developer fits situations like: tasks that involve Accessibility; tasks that involve Design patterns; tasks that involve Unit testing.
How do I install Angular Developer in Claude Code?
Run `npx skills add radix-ng/primitives --skill angular-developer -a claude-code`. Or copy the skill folder (.claude/skills/angular-developer in radix-ng/primitives) into .claude/skills/angular-developer in your project. Claude Code loads it when a task matches its description.
How do I install Angular Developer in Codex?
Run `npx skills add radix-ng/primitives --skill angular-developer -a codex`. Or copy the skill folder (.claude/skills/angular-developer in radix-ng/primitives) into .agents/skills/angular-developer in your project. Codex loads it when a task matches its description.
Can I use Angular Developer in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add radix-ng/primitives --skill angular-developer -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/angular-developer, .gemini/skills/angular-developer, .github/skills/angular-developer and .opencode/skills/angular-developer in your project.
What does Angular Developer need to run?
Going by SKILL.md and its folder, Angular Developer needs the command-line tools its instructions call (pnpm).
Does Angular Developer access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Angular Developer safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Angular Developer use?
Angular Developer is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Angular Developer use?
About 1.2k tokens (SKILL.md is roughly 4.8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 19k tokens, read only when the agent opens those files.
What are the alternatives to Angular Developer?
Skills that share tags, products or a category with Angular Developer: Happy Monorepo Dev Guide (slopus/happy, 24k stars), Ever Works (ever-works/ever-works, 158 stars), Ckeditor5 Testing (TriliumNext/Trilium, 38k stars) and Effect TS (mattiacerutti/supernova, 187 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Angular Developer?
radix-ng (a GitHub organization) maintains it in radix-ng/primitives, which has 274 GitHub stars. The repository holds 7 skills in this directory. The repository was last updated on September 28, 2026.
Source: radix-ng/primitives on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.