feat(ai-config): add AI agent skills copy functionality

CHANGELOG.md

@@ -27,6 +27,8 @@ All scaffolded projects now include AI-ready configuration files to enhance the
 * **CLAUDE.md** for Claude Code integration ([#1546](https://github.com/IgniteUI/igniteui-cli/pull/1546))
 * **VS Code MCP configuration** (`mcp.json`) pre-configured with `angular-cli`, `igniteui-cli`, and `igniteui-theming` MCP servers ([#1563](https://github.com/IgniteUI/igniteui-cli/pull/1563))
 * **Claude skills** for component usage, theming customization, and bundle size optimization ([#1573](https://github.com/IgniteUI/igniteui-cli/pull/1573))
+* **`ig ai-config` CLI command** to configure AI tooling in an existing project: writes `.vscode/mcp.json` with `igniteui-cli` and `igniteui-theming` MCP servers and copies AI coding skill files from installed Ignite UI packages to `.claude/skills/` ([#1502](https://github.com/IgniteUI/igniteui-cli/pull/1502))
+* **AI skills auto-copy on `ng add`**: the `cli-config` Angular schematic now automatically copies skill files from the installed Ignite UI package's `skills/` directory into `.claude/skills/` as part of the `ng add igniteui-angular` flow ([#1502](https://github.com/IgniteUI/igniteui-cli/pull/1502))
 
 ---
 

README.md

@@ -145,13 +145,13 @@ ig start
 
 ## Configure AI Tooling
 
-To automatically configure Ignite UI MCP servers for VS Code, run:
+To automatically configure Ignite UI AI tooling - MCP servers and AI coding skills, run:
 
 ```bash
 ig ai-config
 ```
 
-This creates or updates `.vscode/mcp.json` in the current project with entries for both the [Ignite UI MCP](#mcp-server) and `igniteui-theming` MCP servers. Existing servers in the file are preserved. New projects are created with AI tooling configuration out of the box.
+This creates or updates `.vscode/mcp.json` in the current project with entries for both the [Ignite UI MCP](#mcp-server) and `igniteui-theming` MCP servers. Existing servers in the file are preserved. It also copies any AI coding skill files from installed Ignite UI packages into the project. New projects are created with AI tooling configuration out of the box.
 
 ## MCP Server
 

packages/cli/lib/commands/ai-config.ts

@@ -1,4 +1,4 @@
-import { FsFileSystem, GoogleAnalytics, IFileSystem, Util } from "@igniteui/cli-core";
+import { copyAISkillsToProject, FsFileSystem, GoogleAnalytics, IFileSystem, Util } from "@igniteui/cli-core";
 import { ArgumentsCamelCase, CommandModule } from "yargs";
 import * as path from "path";
 
@@ -63,13 +63,24 @@ export function configureMCP(fileSystem: IFileSystem = new FsFileSystem()): void
 	Util.log(Util.greenCheck() + ` MCP servers configured in ${configPath}`);
 }
 
+export function configureSkills(): void {
+	const result = copyAISkillsToProject();
+	if (result === "copied") {
+		Util.log(Util.greenCheck() + " AI skills added to the project.");
+	} else {
+		Util.warn("No AI skill files found. Make sure packages are installed (npm install) " +
+			"and your Ignite UI package includes a skills/ directory.", "yellow");
+	}
+}
+
 export function configure(fileSystem: IFileSystem = new FsFileSystem()): void {
 	configureMCP(fileSystem);
+	configureSkills();
 }
 
 const command: CommandModule = {
 	command: "ai-config",
-	describe: "Configure Ignite UI AI tooling (MCP servers)",
+	describe: "Configure Ignite UI AI tooling (MCP servers and AI coding skills)",
 	builder: (yargs) => yargs.usage(""),
 	async handler(_argv: ArgumentsCamelCase) {
 		GoogleAnalytics.post({

packages/core/prompt/BasePromptSession.ts

@@ -98,7 +98,7 @@ export abstract class BasePromptSession {
 	/** Upgrade packages to use private Infragistics feed */
 	protected abstract upgradePackages();
 
-	/** Configure Ignite UI AI tooling (MCP servers) for the project */
+	/** Configure Ignite UI AI tooling (MCP servers and AI coding skills) for the project */
 	protected abstract configureAI(): Promise<void>;
 
 	/**

packages/core/prompt/InquirerWrapper.ts

@@ -1,4 +1,4 @@
-import { checkbox, input, select, Separator } from '@inquirer/prompts';
+import { checkbox, confirm, input, select, Separator } from '@inquirer/prompts';
 import { Context } from '@inquirer/type';
 
 // ref - node_modules\@inquirer\input\dist\cjs\types\index.d.ts - bc for some reason this is not publicly exported
@@ -32,4 +32,8 @@ export class InquirerWrapper {
 	public static async checkbox(message: InputConfig & { choices: (string | Separator)[] }, context?: Context): Promise<string[]> {
 		return checkbox(message, context);
 	}
+
+	public static async confirm(message: { message: string; default?: boolean }, context?: Context): Promise<boolean> {
+		return confirm(message, context);
+	}
 }

packages/core/util/ai-skills.ts

@@ -0,0 +1,83 @@
+import * as path from "path";
+import { App } from "./App";
+import { IFileSystem, FS_TOKEN } from "../types/FileSystem";
+import { ProjectConfig } from "./ProjectConfig";
+import { Util } from "./Util";
+import { NPM_ANGULAR, NPM_REACT, resolvePackage, UPGRADEABLE_PACKAGES } from "../update/package-resolve";
+
+const CLAUDE_SKILLS_DIR = ".claude/skills";
+
+/**
+ * Returns the list of 'skills/' directory paths found in installed
+ * Ignite UI packages that are relevant to the project's detected framework.
+ */
+function resolveSkillsRoots(): string[] {
+	const fs = App.container.get<IFileSystem>(FS_TOKEN);
+	const roots: string[] = [];
+
+	let framework: string | null = null;
+	try {
+		if (ProjectConfig.hasLocalConfig()) {
+			framework = ProjectConfig.getConfig().project?.framework?.toLowerCase() ?? null;
+		}
+	} catch { /* config not readable – fall through to scan all */ }
+
+	const allPkgKeys = Object.keys(UPGRADEABLE_PACKAGES);
+	let candidates: string[];
+	if (framework === "angular") {
+		candidates = [NPM_ANGULAR];
+	} else if (framework === "react") {
+		candidates = [NPM_REACT];
+	} else if (framework === "webcomponents") {
+		candidates = allPkgKeys.filter(k => k.startsWith("igniteui-webcomponents"));
+	} else {
+		candidates = allPkgKeys;
+	}
+
+	for (const pkg of candidates) {
+		const resolved = resolvePackage(pkg as keyof typeof UPGRADEABLE_PACKAGES);
+		const skillsRoot = `node_modules/${resolved}/skills`;
+		if (fs.directoryExists(skillsRoot) && !roots.includes(skillsRoot)) {
+			roots.push(skillsRoot);
+		}
+	}
+
+	return roots;
+}
+
+/**
+ * Copies skill files from the installed Ignite UI package(s) into .claude/skills/.
+ * Works with both real FS (CLI) and virtual Tree FS (schematics) through IFileSystem.
+ */
+export function copyAISkillsToProject(): "copied" | "no-source" {
+	const fs = App.container.get<IFileSystem>(FS_TOKEN);
+	const skillsRoots = resolveSkillsRoots();
+
+	if (!skillsRoots.length) {
+		return "no-source";
+	}
+
+	const multiRoot = skillsRoots.length > 1;
+	let copied = false;
+
+	for (const skillsRoot of skillsRoots) {
+		const rawPaths = fs.glob(skillsRoot, "**/*");
+		const pkgDirName = multiRoot ? path.basename(path.dirname(skillsRoot)) : "";
+
+		for (const p of rawPaths) {
+			// Normalize to posix and strip leading '/' so path.posix.relative works
+			// across both FsFileSystem (relative paths) and NgTreeFileSystem (tree-rooted paths)
+			const normP = p.replace(/\\/g, "/").replace(/^\//, "");
+			const normRoot = skillsRoot.replace(/\\/g, "/").replace(/^\//, "");
+			const rel = path.posix.relative(normRoot, normP);
+			const dest = multiRoot
+				? `${CLAUDE_SKILLS_DIR}/${pkgDirName}/${rel}`
+				: `${CLAUDE_SKILLS_DIR}/${rel}`;
+
+			fs.writeFile(dest, fs.readFile(p));
+			Util.log(`${Util.greenCheck()} Created ${dest}`);
+			copied = true;
+		}
+	}
+	return copied ? "copied" : "no-source";
+}

packages/core/util/index.ts

@@ -1,3 +1,4 @@
+export * from './ai-skills';
 export * from './GoogleAnalytics';
 export * from './Util';
 export * from './ProjectConfig';

packages/ng-schematics/src/cli-config/index.ts

@@ -2,7 +2,7 @@ import * as ts from "typescript";
 import { DependencyNotFoundException } from "@angular-devkit/core";
 import { chain, FileDoesNotExistException, Rule, SchematicContext, Tree } from "@angular-devkit/schematics";
 import * as jsonc from "jsonc-parser";
-import { addClassToBody, FormatSettings, NPM_ANGULAR, resolvePackage, TypeScriptAstTransformer, TypeScriptUtils } from "@igniteui/cli-core";
+import { addClassToBody, copyAISkillsToProject, FormatSettings, NPM_ANGULAR, resolvePackage, TypeScriptAstTransformer, TypeScriptUtils } from "@igniteui/cli-core";
 import { AngularTypeScriptFileUpdate } from "@igniteui/angular-templates";
 import { createCliConfig } from "../utils/cli-config";
 import { setVirtual } from "../utils/NgFileSystem";
@@ -120,6 +120,8 @@ function importStyles(): Rule {
 
 export function addAIConfig(): Rule {
 	return (tree: Tree) => {
+		copyAISkillsToProject();
+
 		const mcpFilePath = "/.vscode/mcp.json";
 		const angularCliServer = {
 			command: "npx",

packages/ng-schematics/src/collection.json

@@ -34,7 +34,7 @@
       "factory": "./cli-config/index"
     },
     "ai-config": {
-      "description": "Adds AI/MCP server configuration to .vscode/mcp.json.",
+      "description": "Configures AI tooling: MCP servers and AI coding skills.",
       "factory": "./cli-config/index#addAIConfig"
     },
     "upgrade-packages": {

packages/ng-schematics/src/component/index.ts

@@ -87,6 +87,7 @@ export function component(options: ComponentOptions): Rule {
 			component: projLib.components,
 			custom: projLib.getCustomTemplates()
 		};
+		void properties; // cache templates for use inside chooseActionLoop
 		let prompt: SchematicsPromptSession;
 		if (!options.template || !options.name) {
 			prompt = new SchematicsPromptSession(templateManager);

spec/acceptance/help-spec.ts

@@ -26,7 +26,8 @@ describe("Help command", () => {
 		upgrade-packages        upgrades Ignite UI Packages
 		mcp                    Starts the Ignite UI MCP server for AI assistant
                                integration
-		ai-config              Configure Ignite UI AI tooling (MCP servers)
+		ai-config              Configure Ignite UI AI tooling (MCP servers and AI
+                               coding skills)
 	  Options:
 		-v, --version  Show current Ignite UI CLI version                    [boolean]
 		-h, --help     Show help                                             [boolean]`.replace(/\s/g, "");

spec/unit/PromptSession-spec.ts

@@ -473,6 +473,7 @@ describe("Unit - PromptSession", () => {
 		spyOn(Util, "log");
 		spyOn(add, "addTemplate").and.returnValue(Promise.resolve(true));
 		spyOn(PackageManager, "flushQueue").and.returnValue(Promise.resolve());
+		spyOn(PackageManager, "installPackages").and.returnValue(Promise.resolve());
 		spyOn(start, "start").and.returnValue(Promise.resolve());
 
 		spyOn(InquirerWrapper, "select").and.returnValues(
@@ -667,6 +668,7 @@ describe("Unit - PromptSession", () => {
 		spyOn(Util, "log");
 		spyOn(add, "addTemplate").and.returnValue(Promise.resolve(true));
 		spyOn(PackageManager, "flushQueue").and.returnValue(Promise.resolve());
+		spyOn(PackageManager, "installPackages").and.returnValue(Promise.resolve());
 		//spyOn(start, "start").and.returnValue(Promise.resolve({port: 3333 }));
 		spyOn(start, "start").and.returnValue(Promise.resolve());
 

spec/unit/ai-config-spec.ts

@@ -1,5 +1,5 @@
 import * as path from "path";
-import { GoogleAnalytics, IFileSystem, Util } from "@igniteui/cli-core";
+import { App, FS_TOKEN, GoogleAnalytics, IFileSystem, Util } from "@igniteui/cli-core";
 import { configureMCP } from "../../packages/cli/lib/commands/ai-config";
 import * as aiConfig  from "../../packages/cli/lib/commands/ai-config";
 
@@ -118,6 +118,7 @@ describe("Unit - ai-config command", () => {
 
 	describe("handler", () => {
 		it("posts analytics and calls configure", async () => {
+			App.container.set(FS_TOKEN, createMockFs());
 			const fs = require("fs");
 			spyOn(fs, "readFileSync").and.throwError(new Error("ENOENT"));
 			spyOn(fs, "existsSync").and.returnValue(false);