Overview
Extend the ng add igniteui-angular schematic to optionally scaffold AI coding assistant instruction files into the user's project. During installation, the schematic should prompt the user: "Would you like to add AI coding skills for your IDE?" and upon confirmation, write the appropriate instruction files to the project root. This leverages the natural Angular ng add workflow to give new users zero-friction access to AI-assisted development with Ignite UI for Angular.
Background
- The
igniteui-angular package already has an ng-add schematic that currently handles dependency installation, CSS reset setup, and optional HammerJS configuration via schema.json prompts.
Requirements
-
Add a new prompt to the ng-add schema:
Add an addAISkills (or similar) boolean property with an x-prompt in schema.json:
"Would you like to add AI coding skills for your IDE? (writes .github/copilot-instructions.md and/or CLAUDE.md)"
-
Write AI instruction files to the user's project when confirmed:
.github/copilot-instructions.md — for GitHub Copilot
CLAUDE.md — for Anthropic Claude / Claude Code
.cursor/skills/ - for Cursor
-
Do not overwrite existing files:
- Cover only Copy->Paste of the Skills from, node_modules/igniteui-angular/skills into your_project_root/skills based on your Agent based:
- If
.github/copilot-instructions.md or CLAUDE.md already exist in the target project, skip writing (or merge/append) and log an informational message.
-
Unit tests:
- Test that the prompt default is handled correctly (both opt-in and opt-out paths).
- Test that files are created with expected content when the user opts in.
- Test that existing files are not overwritten.
- Follow the existing test patterns (e.g.,
index.spec.ts using SchematicTestRunner, UnitTestTree).
-
More info for Copilot:
- Default value for the prompt: addAISkills should default to true
Acceptance Criteria
References
Overview
Extend the
ng add igniteui-angularschematic to optionally scaffold AI coding assistant instruction files into the user's project. During installation, the schematic should prompt the user: "Would you like to add AI coding skills for your IDE?" and upon confirmation, write the appropriate instruction files to the project root. This leverages the natural Angularng addworkflow to give new users zero-friction access to AI-assisted development with Ignite UI for Angular.Background
igniteui-angularpackage already has anng-addschematic that currently handles dependency installation, CSS reset setup, and optional HammerJS configuration viaschema.jsonprompts.Requirements
Add a new prompt to the
ng-addschema:Add an
addAISkills(or similar) boolean property with anx-promptinschema.json:Write AI instruction files to the user's project when confirmed:
.github/copilot-instructions.md— for GitHub CopilotCLAUDE.md— for Anthropic Claude / Claude Code.cursor/skills/- for CursorDo not overwrite existing files:
.github/copilot-instructions.mdorCLAUDE.mdalready exist in the target project, skip writing (or merge/append) and log an informational message.Unit tests:
index.spec.tsusingSchematicTestRunner,UnitTestTree).More info for Copilot:
Acceptance Criteria
ng add igniteui-angularprompts the user: "Would you like to add AI coding skills for your IDE?"trueto encourage adoption (orfalseif the team prefers opt-in).References
ng-addschematic:projects/igniteui-angular/schematics/ng-add/.github/copilot-instructions.mdpackages/ng-schematics/src/collection.json