@worldresources/wri-design-systems 2.195.1 → 2.196.1

package/README.md

@@ -46,23 +46,21 @@ ds setup-ai
 
 This will:
 
-- Install / update AI instruction files (these may be overwritten):
-  - `AGENTS.md` content distributed as: `CLAUDE.md`, `GEMINI.md`, `.geminirules`
 - Configure IDE integrations when detected:
   - Cursor: writes `.cursor/rules` and creates `.cursor/mcp.json` (skips if it already exists)
-  - VS Code / GitHub Copilot: writes `.github/copilot-instructions.md` and creates `.vscode/mcp.json` (skips if it already exists)
+  - VS Code / GitHub Copilot: writes `.github/copilot-instructions.md`, `.github/instructions/wri-ds.instructions.md` (if available), and creates `.vscode/mcp.json` (skips if it already exists)
   - Windsurf: writes `.windsurfrules`
   - Cline: writes `.clinerules`
+- Automatically install helper skills:
+  - Copies the `ds-ui-creator` skill into `.gemini/skills/ds-ui-creator` and `.claude/skills/ds-ui-creator`
 - Ensure a `.gitignore` block is present (creates `.gitignore` if missing; appends once and never duplicates):
-  - `CLAUDE.md`
   - `.windsurfrules`
   - `.clinerules`
   - `.github/copilot-instructions.md`
+  - `.github/instructions/wri-ds.instructions.md`
   - `.cursor/rules`
   - `.cursor/mcp.json`
   - `.vscode/mcp.json`
-  - `GEMINI.md`
-  - `.geminirules`
 
 Optional: run it against a specific path:
 
@@ -453,6 +451,7 @@ line-height: ${getThemedLineHeight(600)};
 - [Pagination](https://github.com/wri/wri-design-systems/tree/main/src/components/Navigation/Pagination)
 - [Search](https://github.com/wri/wri-design-systems/tree/main/src/components/Navigation/Search)
 - [Tab Bar](https://github.com/wri/wri-design-systems/tree/main/src/components/Navigation/TabBar)
+- [Mobile Search](https://github.com/wri/wri-design-systems/tree/main/src/components/Navigation/MobileSearch)
 
 ## Status
 
@@ -515,12 +514,10 @@ If you are unsure, choose `minor` and leave a note in the PR for review.
 
 ## PR Description With AI Skill
 
-To get a solid PR description quickly, use the `pr-documentation` skill in your AI-enabled editor.
+To get a solid PR description quickly, use the [`pr-description`](agents/skills/pr-description/SKILL.md) skill in your AI-enabled editor.
 
 1. Ensure your branch is up to date and run:
    `git diff main...HEAD`
-2. Ask the assistant to use `pr-documentation` and summarize the current PR changes. Or ask "create a PR description for my changes"
+2. Ask the assistant to use `pr-description` and summarize the current PR changes. Or ask "create a PR description for my changes"
 3. Paste the generated result into the PR description using this structure:
    `## What`, `## Why`, `## Changes`.
-
-The `pr-documentation` skill is defined at [`.gemini/skills/pr-documentation/SKILL.md`](.gemini/skills/pr-documentation/SKILL.md) and [`.claude/skills/pr-documentation/SKILL.md`](.claude/skills/pr-documentation/SKILL.md) and is tailored for this repository workflow.

package/agents/setup-ai.mjs

@@ -10,6 +10,7 @@ import {
   writeFileSync,
   readFileSync,
   readdirSync,
+  cpSync,
 } from 'fs'
 import { join, dirname, relative, resolve } from 'path'
 import { execSync } from 'child_process'
@@ -75,13 +76,36 @@ function writeJSON(dest, label, content) {
   installed.push(`${label} → ${relative(ROOT, dest)}`)
 }
 
+function installSkill(skillName) {
+  const srcDir = join(__dirname, 'skills', skillName)
+  if (!existsSync(srcDir)) {
+    skipped.push(`Skill ${skillName} (source not found)`)
+    return
+  }
+
+  // Install for Gemini/Antigravity
+  const destGeminiDir = join(ROOT, '.gemini', 'skills', skillName)
+  mkdirSync(destGeminiDir, { recursive: true })
+  cpSync(srcDir, destGeminiDir, { recursive: true })
+  installed.push(
+    `Gemini Skill: ${skillName} → ${relative(ROOT, destGeminiDir)}`,
+  )
+
+  // Install for Claude
+  const destClaudeDir = join(ROOT, '.claude', 'skills', skillName)
+  mkdirSync(destClaudeDir, { recursive: true })
+  cpSync(srcDir, destClaudeDir, { recursive: true })
+  installed.push(
+    `Claude Skill: ${skillName} → ${relative(ROOT, destClaudeDir)}`,
+  )
+}
+
 function ensureGitignoreBlock() {
   const gitignorePath = join(ROOT, '.gitignore')
   const marker =
     '# AI setup — generated by agents/setup-ai.js (npx ds setup-ai)'
   const blockLines = [
     marker,
-    'CLAUDE.md',
     '.windsurfrules',
     '.clinerules',
     '.github/copilot-instructions.md',
@@ -89,8 +113,6 @@ function ensureGitignoreBlock() {
     '.cursor/rules',
     '.cursor/mcp.json',
     '.vscode/mcp.json',
-    'GEMINI.md',
-    '.geminirules',
   ]
   const block = blockLines.join('\n') + '\n'
 
@@ -153,15 +175,6 @@ const mcpVSCode = {
   },
 }
 
-// ── IDE detection & file installation ────────────────────────────
-
-// Claude Code — always write CLAUDE.md (Claude Code reads both AGENTS.md and CLAUDE.md)
-installFile(join(ROOT, 'CLAUDE.md'), 'Claude Code')
-
-// Gemini — always write GEMINI.md and .geminirules for Gemini-based agents
-installFile(join(ROOT, 'GEMINI.md'), 'Gemini')
-installFile(join(ROOT, '.geminirules'), 'Gemini (rules)')
-
 // Cursor
 const hasCursor =
   pathExists(HOME, '.cursor') ||
@@ -219,6 +232,9 @@ if (hasCline) {
   skipped.push('Cline (not detected)')
 }
 
+// Skills
+installSkill('ds-ui-creator')
+
 ensureGitignoreBlock()
 
 // ── Summary ───────────────────────────────────────────────────────

package/agents/setup-ai.sh

@@ -29,15 +29,6 @@ install_file() {
   INSTALLED+=("$label → $dest")
 }
 
-# ── Claude Code / Codex ────────────────────────────────────────
-# AGENTS.md is already the source file in this directory — no copy needed.
-# CLAUDE.md is a copy for Claude Code (reads both AGENTS.md and CLAUDE.md).
-install_file "$SCRIPT_DIR/CLAUDE.md" "Claude Code (CLAUDE.md)"
-
-# ── Gemini ─────────────────────────────────────────────────────
-install_file "$SCRIPT_DIR/GEMINI.md" "Gemini"
-install_file "$SCRIPT_DIR/.geminirules" "Gemini (rules)"
-
 
 # ── Cursor ─────────────────────────────────────────────────────
 if [ -d "$HOME/.cursor" ] || [ -d "/Applications/Cursor.app" ] || command -v cursor &>/dev/null; then
@@ -125,6 +116,20 @@ EOF
   fi
 fi
 
+# ── Skills ─────────────────────────────────────────────────────
+SKILL_SRC="$SCRIPT_DIR/skills/ds-ui-creator"
+if [ -d "$SKILL_SRC" ]; then
+  mkdir -p "$SCRIPT_DIR/.gemini/skills/ds-ui-creator"
+  cp -R "$SKILL_SRC/" "$SCRIPT_DIR/.gemini/skills/ds-ui-creator/"
+  INSTALLED+=("Gemini Skill: ds-ui-creator → .gemini/skills/ds-ui-creator")
+
+  mkdir -p "$SCRIPT_DIR/.claude/skills/ds-ui-creator"
+  cp -R "$SKILL_SRC/" "$SCRIPT_DIR/.claude/skills/ds-ui-creator/"
+  INSTALLED+=("Claude Skill: ds-ui-creator → .claude/skills/ds-ui-creator")
+else
+  SKIPPED+=("Skill ds-ui-creator (source not found)")
+fi
+
 # ── Summary ────────────────────────────────────────────────────
 echo ""
 echo "✅ Installed:"

package/agents/skills/a11y-checker/SKILL.md

@@ -1,13 +1,13 @@
 ---
 name: a11y-checker
-description: Reviews UI code (HTML, JSX, TSX, Vue, etc.) for accessibility (a11y) compliance across both library development (WRI Design System) and generic web applications, providing concrete guidelines and code-level fixes.
+description: Reviews UI code (HTML, JSX, TSX, etc.) for accessibility (a11y) compliance across both library development (WRI Design System) and generic web applications, providing concrete guidelines and code-level fixes.
 ---
 
 When running the accessibility checker on any codebase, follow this multi-tiered guide to ensure compliance with universal WCAG standards as well as library-specific rules.
 
 ## 1. Universal Accessibility Standards (Any Web Project)
 
-Apply these rules to any kind of project (plain HTML, native React, Vue, Angular, or other UI libraries):
+Apply these rules to any kind of project (plain HTML, native React, or other UI libraries):
 
 ### Accessible Names & Interactive Elements