Create custom directives in Angular v20+ for DOM manipulation and behavior extension. Use for attribute directives that modify element behavior/appearance, structural directives for portals/overlays, and host directives for composition. Triggers on creating reusable DOM behaviors, extending element functionality, or composing behaviors across components.
Install
npx skills add analogjs/angular-skills --skill angular-directivesnpx skills add analogjs/angular-skills --skill angular-directives -a claude-code -gnpx skills add analogjs/angular-skills --skill angular-directives -a codex -ggemini skills install https://github.com/analogjs/angular-skills.git --path skills/angular-directivesgh skill install analogjs/angular-skills angular-directivesgit clone --depth 1 https://github.com/analogjs/angular-skills /tmp/analogjs__angular-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/analogjs__angular-skills/skills/angular-directives ~/.claude/skills/angular-directives # Claude Code
cp -R /tmp/analogjs__angular-skills/skills/angular-directives ~/.agents/skills/angular-directives # Codex, Cursor, Gemini CLI, Copilot, OpenCode