docs(skill): update theme-inspired-tokens to reflect @syncupsuite/themes@0.4.0 (12 themes)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: auge2u

commands/diagnose-tokens.md

@@ -36,8 +36,8 @@ Check if `@syncupsuite/themes` is installed and which version.
 cat node_modules/@syncupsuite/themes/package.json | grep version
 ```
 
-- `[PASS]` if >= 0.2.2
-- `[WARN]` if < 0.2.2 (pre-security-audit version — upgrade recommended)
+- `[PASS]` if >= 0.4.0
+- `[WARN]` if < 0.4.0 (pre-Semantic-Color-API version — upgrade recommended)
 - `[FAIL]` if not installed
 
 ### Step 2: CSS Entry Point
@@ -149,7 +149,7 @@ After running all checks, output a summary table:
 Token Installation Diagnostic
 ==============================
 
-  Step 1: Package version        [PASS] @syncupsuite/themes@0.2.2
+  Step 1: Package version        [PASS] @syncupsuite/themes@0.4.0
   Step 2: CSS entry point        [PASS] src/styles/app.css imports tailwind.css
   Step 3: :root completeness     [FAIL] Missing: --color-warning, --radius-lg
   Step 4: Dark mode block        [WARN] 14/17 tokens have dark equivalents

skills/theme-inspired-tokens/skill.md

@@ -11,17 +11,25 @@ A Claude Code skill for generating culturally-grounded design token systems wher
 `@syncupsuite/themes` provides pre-built implementations of this pattern. If you want production-ready cultural themes without building from scratch, install the package:
 
 ```bash
-npm install @syncupsuite/themes   # v0.2.2 — OKLCH color math, security-audited, zero runtime deps
+npm install @syncupsuite/themes   # v0.4.0 — OKLCH color math, security-audited, zero runtime deps
 ```
 
-> **Package quality**: v0.1.1 has been through a comprehensive review — P0 CSS generation bugs fixed, P1 security hardening (CSS injection prevention), PERF_BUDGETS enforced, and 7 Architecture Decision Records (ADR-001 through ADR-007) governing all major design decisions. See `syncupsuite/themes/docs/adr/` for full detail.
+> **Package quality**: v0.4.0 has been through comprehensive review — P0 CSS generation bugs fixed, P1 security hardening (CSS injection prevention), PERF_BUDGETS enforced, Semantic Color API with Tailwind v4 `@theme` integration, WCAG contrast validation across all 12 themes, and 7 Architecture Decision Records (ADR-001 through ADR-007) governing all major design decisions. See `syncupsuite/themes/docs/adr/` for full detail.
 
 **CSS usage** -- import directly into your stylesheet:
 
 ```css
 @import '@syncupsuite/themes/swiss-international/tailwind.css';
-/* or */
-@import '@syncupsuite/themes/nihon-traditional/tailwind.css';
+/* or any of the 12 available themes */
+@import '@syncupsuite/themes/nordic-modern/tailwind.css';
+```
+
+**Semantic Color API** -- Tailwind v4 `@theme` utilities map directly to semantic tokens:
+
+```html
+<div class="bg-canvas text-foreground">
+  <button class="bg-primary text-primary-foreground ring-ring">Action</button>
+</div>
 ```
 
 **TypeScript usage** -- access token objects programmatically:
@@ -31,7 +39,7 @@ import { swissInternational } from '@syncupsuite/themes';
 import { buildTokens } from '@syncupsuite/transformers';
 ```
 
-Available pre-built themes: `swiss-international`, `nihon-traditional`.
+Available pre-built themes (12): `swiss-international`, `nihon-traditional`, `nordic-modern`, `tang-imperial`, `shuimo-modern`, `nihon-minimal`, `renaissance`, `art-deco`, `wiener-werkstaette`, `milanese-design`, `de-stijl`, `swiss-modernist`. All themes validated against 20 WCAG AA contrast pairs.
 
 > **Skill vs. Package**: The package ships curated implementations. This skill teaches you to build your own -- custom cultural tokens from any tradition, following the same four-layer pattern. Use the package for speed; use this skill when you need a theme that doesn't exist yet.