feat: add 'Develop with AI' navigation section (#8550)

* feat: add "Develop with AI" navigation section

New top-level nav section consolidating AI development assistant content:
- Move Q Developer from build-a-backend to develop-with-ai
- Move MCP Server from start to develop-with-ai
- Add new Kiro page with specs, hooks, steering, and MCP features
- Add new steering files page covering CLAUDE.md, Cursor rules, Kiro steering
- Add redirects for old URLs
- Add 'ai' section key to navigation system

* docs: add Agent Plugins page and Kiro Powers documentation

- New Agent Plugins page covering installation for Claude Code and Cursor,
  phased workflow (backend → sandbox → frontend → production), prerequisites,
  and other AWS plugins available
- Updated Kiro page with AWS Amplify Power documentation including installation,
  phased workflow, steering files, and MCP configuration
- Fixed Kiro description to remove unverified Amazon attribution
- Added agent-plugins to directory tree

* docs: reorder sidebar — Agent Plugins first, Q Developer fourth; update landing description

* docs: rename MCP section to 'AWS MCP Server' and remove isNew badge

Author: harsh62

cspell.json

@@ -11,6 +11,8 @@
     "_userauth.auth_fail",
     "_userauth.sign_in",
     "_userauth.sign_up",
+    "agentic",
+    "awslabs",
     "@aws-amplify/auth",
     "@aws-amplify/core",
     "@aws-amplify/storage",

redirects.json

@@ -10453,5 +10453,20 @@
 		"source": "/vue/start/connect-existing-aws-resources",
 		"target": "/vue/start/connect-to-aws-resources",
 		"status": "301"
+	},
+	{
+		"source": "/<platform>/build-a-backend/q-developer/",
+		"target": "/<platform>/develop-with-ai/q-developer/",
+		"status": "301"
+	},
+	{
+		"source": "/<platform>/start/mcp-server/",
+		"target": "/<platform>/develop-with-ai/mcp-server/",
+		"status": "301"
+	},
+	{
+		"source": "/<platform>/start/mcp-server/<*>",
+		"target": "/<platform>/develop-with-ai/mcp-server/<*>",
+		"status": "301"
 	}
 ]

src/data/__tests__/sections.test.ts

@@ -16,6 +16,12 @@ describe('getSectionFromPath', () => {
     );
   });
 
+  it('returns ai for /develop-with-ai/ paths', () => {
+    expect(getSectionFromPath('/react/develop-with-ai/q-developer/')).toBe(
+      'ai'
+    );
+  });
+
   it('returns backend for /build-a-backend/ paths', () => {
     expect(getSectionFromPath('/react/build-a-backend/auth/set-up-auth/')).toBe(
       'backend'
@@ -81,16 +87,23 @@ describe('getDefaultPathForSection', () => {
       '/swift/reference/'
     );
   });
+
+  it('returns ai path', () => {
+    expect(getDefaultPathForSection('ai', 'react')).toBe(
+      '/react/develop-with-ai/'
+    );
+  });
 });
 
 describe('SECTIONS config', () => {
-  it('has all 6 sections defined', () => {
+  it('has all 7 sections defined', () => {
     const keys = Object.keys(SECTIONS) as SectionKey[];
     expect(keys).toEqual([
       'quickstart',
       'backend',
       'frontend',
       'ui',
+      'ai',
       'hosting',
       'reference'
     ]);

src/data/sections.ts

@@ -2,8 +2,9 @@ export type SectionKey =
   | 'quickstart'
   | 'backend'
   | 'frontend'
-  | 'hosting'
   | 'ui'
+  | 'ai'
+  | 'hosting'
   | 'reference';
 
 export interface SectionConfig {
@@ -18,6 +19,7 @@ export const SECTIONS: Record<SectionKey, SectionConfig> = {
   backend: { label: 'Build a Backend', subtitle: 'What runs on AWS' },
   frontend: { label: 'Frontend Libraries', subtitle: 'What runs in your app' },
   ui: { label: 'UI Libraries', subtitle: 'Pre-built components' },
+  ai: { label: 'Develop with AI' },
   hosting: { label: 'Hosting' },
   reference: { label: 'Reference' }
 };
@@ -40,6 +42,8 @@ export function getDefaultPathForSection(
       return `/${platform}/deploy-and-host/`;
     case 'ui':
       return `/${platform}/build-ui/`;
+    case 'ai':
+      return `/${platform}/develop-with-ai/`;
     case 'reference':
       return `/${platform}/reference/`;
     default:
@@ -77,6 +81,7 @@ export function getSectionFromPath(path: string): SectionKey | undefined {
   if (/\/start(\/|$)/.test(path) || /\/how-amplify-works(\/|$)/.test(path)) {
     return 'quickstart';
   }
+  if (/\/develop-with-ai(\/|$)/.test(path)) return 'ai';
   if (/\/deploy-and-host(\/|$)/.test(path)) return 'hosting';
   if (/\/reference(\/|$)/.test(path)) return 'reference';
   if (/\/build-ui(\/|$)/.test(path)) return 'ui';