@kinqs/brainrouter-mcp-server 0.3.4

package/docs/api/API.md

@@ -0,0 +1,64 @@
+# API Documentation
+
+This document outlines the API endpoints, authentication, and data structures for the project.
+
+## 🚀 Base URL
+- Development: `http://localhost:3001/api`
+- Production: `https://api.the project domain.com`
+
+---
+
+## 🔐 Authentication
+
+Describe the authentication mechanism here (e.g., JWT, OAuth2, API Keys).
+
+### Authorization Header
+`Authorization: Bearer <token>`
+
+---
+
+## 📡 Endpoints
+
+### [Component/Module Name]
+
+#### `GET /v1/resource`
+- **Description**: Fetch a list of resources.
+- **Query Params**:
+  - `cursor` (optional): Opaque cursor returned by the previous response.
+  - `limit` (optional): Page size from `1` to `100`. Defaults to `20`.
+- **Response**:
+```json
+{
+  "success": true,
+  "data": [],
+  "nextCursor": null,
+  "limit": 20,
+  "hasMore": false
+}
+```
+
+List endpoints use cursor-based pagination only. Do not use offset or `page` query parameters for live lists.
+
+#### `POST /v1/resource`
+- **Description**: Create a new resource.
+- **Body**:
+```json
+{
+  "name": "string"
+}
+```
+
+---
+
+## 🏗️ Error Handling
+
+Standard error response format:
+```json
+{
+  "success": false,
+  "error": {
+    "code": "ERROR_CODE",
+    "message": "Human readable message"
+  }
+}
+```

package/docs/api/security/SECURITY.md

@@ -0,0 +1,58 @@
+# Security Policy
+
+This repository handles production user data and privileged database access. Treat security requirements as **non-optional**. These rules are machine-readable and will be enforced by AI agents during development and PR review.
+
+## 🛡️ Core Rules (AI Enforced)
+
+### 🔑 Credentials & Secrets
+- **[SEC-001] No Hardcoded Secrets**: Never commit database passwords, JWT secrets, API keys, or service account credentials.
+- **[SEC-002] Environment Variable Scoping**: Only variables prefixed with `NEXT_PUBLIC_` are allowed in client-side code. All others must remain server-side.
+- **[SEC-003] Secret Rotation**: Any exposed secret must be rotated within 1 hour of discovery.
+
+### 💉 Injection & Sanitization
+- **[SEC-101] No Raw Queries**: Always use parameterized queries or ORM methods. Never use string concatenation to build SQL.
+- **[SEC-102] XSS Prevention**: All user-generated content (e.g., Stories, Bios) must be sanitized before being rendered. Prefer React's default escaping; use `DOMPurify` for HTML.
+- **[SEC-103] Input Validation**: Every API endpoint must have a Zod schema validating 100% of the input surface area.
+
+### 👤 Identity & Access
+- **[SEC-201] derived User Identity**: Never trust `user_id` or `role` from request bodies. Always derive identity from the verified JWT/Session in `req.user`.
+- **[SEC-202] Secure Session Cookies**: Refresh tokens must use `httpOnly`, `Secure`, and `SameSite=Strict` flags.
+- **[SEC-203] RBAC Enforcement**: Admin-only routes must use the `requireAdmin` middleware which performs a database-level role check.
+
+### 📦 Data & Dependencies
+- **[SEC-301] PII Masking**: Never log full email addresses, phone numbers, or passwords. Use `maskEmail()` or similar utilities in logs.
+- **[SEC-302] Dependency Auditing**: Run `npm audit` weekly. Critical/High vulnerabilities must be patched immediately.
+- **[SEC-303] Secure Headers**: Every response must include `X-Content-Type-Options: nosniff` and a strict `Content-Security-Policy`.
+
+---
+
+## 🛠️ Architectural Guardians
+
+### The "Security Shield" Pattern
+Every new API route must implement the following "Shield" in order:
+1. **Rate Limiting**: Defend against brute force.
+2. **Authentication**: Verify the caller.
+3. **Authorization**: Check permissions.
+4. **Validation**: Sanitize the data.
+
+### Database Hardening
+- Direct database writes from client code are strictly forbidden.
+- Use the `readQuery` vs `writeQuery` pattern to support read replicas while ensuring data integrity on the primary.
+
+---
+
+## 🤖 AI Agent Review Protocol
+
+When reviewing a Pull Request, AI agents must:
+1. Scan for `[SEC-xxx]` compliance.
+2. If a violation is found, comment with the Rule ID and required fix.
+3. Block merge if any `Critical` rules (SEC-001, SEC-101, SEC-201) are violated.
+
+---
+
+## 🚨 Incident Response
+If a security vulnerability or secret exposure is detected:
+1. **Kill Switch**: Use the Admin dashboard to revoke sessions or deactivate impacted accounts.
+2. **Rotate**: Update environment variables in production immediately.
+3. **Audit**: Use `GET /api/admin/audit-logs` to trace the impact.
+4. **Review**: Refer to the [Authentication Skill](../../../skills/api/auth-skill/SKILL.md) for session revocation technicals.

package/docs/deployment/DockerDeployment.md

@@ -0,0 +1,30 @@
+# Deployment Guide
+
+Instructions for deploying the project using Docker and related infrastructure.
+
+## 🐳 Docker Setup
+
+### Local Development
+```bash
+docker-compose up -d
+```
+
+### Production Build
+```bash
+docker build -t-api .
+```
+
+---
+
+## 🛠️ Infrastructure Stack
+- **Ingress**: Traefik / Cloudflare Tunnel.
+- **SSL**: Let's Encrypt / Certbot.
+- **Monitoring**: Prometheus / Grafana.
+
+---
+
+## 🚀 Rollout Process
+1. Build images.
+2. Push to registry.
+3. Update `docker-compose.prod.yml` on server.
+4. Restart containers.

package/docs/design/Design.md

@@ -0,0 +1,59 @@
+# [PROJECT_NAME] Design System
+
+This document defines the visual language, design tokens, and component standards for the project.
+
+## 🎨 Visual Identity
+
+- **Brand Essence**: [Describe the core vibe/mood of the project]
+- **Core Principle**: [e.g., Minimalist, High-Density, Editorial]
+
+## 🌈 Colors
+
+| Name | Value | Usage |
+| :--- | :--- | :--- |
+| **Primary** | `#000000` | Headlines, core text |
+| **Secondary** | `#666666` | Metadata, borders |
+| **Accent** | `#007AFF` | Primary actions, highlights |
+| **Surface** | `#FFFFFF` | Backgrounds, cards |
+
+## Typography
+
+- **Heading**: [Font Family], [Weight], [Size]
+- **Body**: [Font Family], [Weight], [Size]
+- **Mono**: [Font Family], [Weight], [Size]
+
+## 📐 Layout & Spacing
+
+- **Grid System**: [e.g., 12-column, Masonry]
+- **Border Radius**: [e.g., 12px, 22px]
+- **Base Spacing**: [e.g., 8px]
+
+## 🧩 Components
+
+### Buttons
+- **Primary**: Accent background, white text.
+- **Secondary**: Clear background, primary border.
+
+### Cards
+- Surface background, subtle shadow/border, [X]px radius.
+
+---
+
+## 🎭 Themes
+
+[PROJECT_NAME] supports swappable themes. You can find pre-configured design systems in [docs/design/themes/](./themes/):
+
+- **[Apple](./themes/apple.md)**: Premium white space, cinematic imagery.
+- **[Pinterest](./themes/pinterest.md)**: Masonry grid, image-first, red accents.
+- **[Vodafone](./themes/vodafone.md)**: Monumental all-caps, bold red bands.
+- **[Concrete Lemon](./themes/dieter-grid.md)**: Brutalist restraint, high-viz yellow.
+- **[Gallery White](./themes/gallery-white.md)**: Maximum whitespace, portfolio-ready.
+- **[Realty Open House](./themes/realty-open-house.md)**: Linen warmth, brass accents, serif display.
+
+To apply a theme, copy its contents into this file.
+
+---
+
+## AI Agent Instructions
+
+When generating UI, adhere strictly to these tokens. Use the `taste-skill` for layout engineering and motion standards.

package/docs/design/themes/apple.md

@@ -0,0 +1,101 @@
+---
+version: alpha
+name: Apple
+description: Premium white space. SF Pro. Cinematic imagery.
+colors:
+  primary: "#1D1D1F"
+  secondary: "#6E6E73"
+  tertiary: "#0071E3"
+  neutral: "#F5F5F7"
+  surface: "#FFFFFF"
+  on-primary: "#FFFFFF"
+typography:
+  display:
+    fontFamily: Inter
+    fontSize: 5rem
+    fontWeight: 600
+    letterSpacing: "-0.035em"
+  h1:
+    fontFamily: Inter
+    fontSize: 2.6rem
+    fontWeight: 600
+  body:
+    fontFamily: Inter
+    fontSize: 1rem
+    lineHeight: 1.5
+  label:
+    fontFamily: Inter
+    fontSize: 0.82rem
+    fontWeight: 500
+    letterSpacing: "0"
+rounded:
+  sm: 8px
+  md: 12px
+  lg: 20px
+spacing:
+  sm: 8px
+  md: 16px
+  lg: 32px
+components:
+  button-primary:
+    backgroundColor: "{colors.tertiary}"
+    textColor: "{colors.on-primary}"
+    rounded: "{rounded.md}"
+    padding: 12px 20px
+  card:
+    backgroundColor: "{colors.surface}"
+    textColor: "{colors.primary}"
+    rounded: "{rounded.lg}"
+    padding: 24px
+---
+## Overview
+
+Apple: premium white space, SF-Pro-style tight sans, cinematic full-bleed imagery, near-zero chrome.
+
+## Colors
+
+The palette is built around high-contrast neutrals and a single accent that drives interaction.
+
+- **Primary (`#1D1D1F`):** Headlines and core text.
+- **Secondary (`#6E6E73`):** Borders, captions, and metadata.
+- **Tertiary (`#0071E3`):** The sole driver for interaction. Reserve it.
+- **Neutral (`#F5F5F7`):** The page foundation.
+
+## Typography
+
+- **display:** Inter 5rem
+- **h1:** Inter 2.6rem
+- **body:** Inter 1rem
+- **label:** Inter 0.82rem
+
+## Do's and Don'ts
+
+- **Do** use Tertiary for exactly one action per screen.
+- **Do** let Neutral carry the composition — negative space is a feature.
+- **Don't** introduce gradients. This system is flat on purpose.
+- **Don't** mix Tertiary with alternate accents; the single-accent rule is load-bearing.
+
+## AI Agent Instructions: Taste Skill Integration
+
+When generating code or designing interfaces based on this system, the AI Agent **MUST** also apply the advanced frontend engineering principles defined in the Taste Skill framework.
+
+1. **Apply the Skill:** Read and follow the directives outlined in `../../skills/design/taste-skill/SKILL.md` (or the equivalent `design-taste-frontend` skill).
+2. **Merge Logic:**
+   - Use the **Colors**, **Typography**, and **Spacing** defined in this `Design.md` document as your absolute source of truth for all design tokens.
+   - Use the **Taste Skill** directives for layout engineering, motion (e.g., Framer Motion), anti-slop bias correction, and modern component architecture.
+3. **Active Baseline Configuration for this Design:**
+   - `DESIGN_VARIANCE`: 2 (Enforce strict, symmetrical Apple-style grids and cinematic full-bleed imagery).
+   - `MOTION_INTENSITY`: 3 (Slow, cinematic spring physics with high-quality eases).
+   - `VISUAL_DENSITY`: 2 (Extremely airy and spacious, maximum negative space).
+
+### Available Taste Skill Modules
+The following modules are available in `../../skills/design/`. The AI should refer to the corresponding `SKILL.md` files when specific stylistic variations or task optimizations are needed:
+- **`taste-skill`**: The main design skill for premium frontend code. Covers layout, typography, colors, spacing, and motion.
+- **`gpt-taste`**: Elite Awwwards-level frontend design and GSAP motion skill for premium, deterministic, anti-slop UI generation.
+- **`soft-skill`**: Focuses on an expensive, soft UI look with premium fonts, whitespace, depth, and smooth animations.
+- **`minimalist-skill`**: Enforces clean, editorial-style interfaces (Notion/Linear style) with strict monochrome palettes.
+- **`brutalist-skill`**: Raw mechanical interfaces, Swiss typography, extreme scale contrast.
+- **`redesign-skill`**: For upgrading existing projects by auditing and fixing design problems.
+- **`output-skill`**: Prevents AI from being lazy, skipping code blocks, or using placeholder comments.
+- **`stitch-skill`**: Google Stitch-compatible semantic design rules for premium AI UI generation.
+- **`concept-diagrams`**: Unified visual language for creating minimal, SVG-based architecture and concept diagrams.

package/docs/design/themes/dieter-grid.md

@@ -0,0 +1,100 @@
+---
+version: alpha
+name: Concrete Lemon
+description: Raw concrete, structural grid, lemon accent.
+colors:
+  primary: "#1A1A1A"
+  secondary: "#6B6B6B"
+  tertiary: "#D4E157"
+  neutral: "#D9D6D0"
+  surface: "#F0EDE6"
+  on-primary: "#1A1A1A"
+typography:
+  display:
+    fontFamily: Archivo
+    fontSize: 4.5rem
+    fontWeight: 800
+    letterSpacing: "-0.04em"
+  h1:
+    fontFamily: Archivo
+    fontSize: 2.5rem
+    fontWeight: 800
+  body:
+    fontFamily: Archivo
+    fontSize: 0.95rem
+    lineHeight: 1.5
+  label:
+    fontFamily: Archivo Narrow
+    fontSize: 0.72rem
+    letterSpacing: "0.1em"
+rounded:
+  sm: 0px
+  md: 0px
+  lg: 2px
+spacing:
+  sm: 8px
+  md: 16px
+  lg: 32px
+components:
+  button-primary:
+    backgroundColor: "{colors.tertiary}"
+    textColor: "{colors.on-primary}"
+    rounded: "{rounded.md}"
+    padding: 12px 20px
+  card:
+    backgroundColor: "{colors.surface}"
+    textColor: "{colors.primary}"
+    rounded: "{rounded.lg}"
+    padding: 24px
+---
+## Overview
+
+Brutalist restraint with a jolt. Concrete greys, hard sans, a single high-visibility lemon for wayfinding.
+
+## Colors
+
+The palette is built around high-contrast neutrals and a single accent that drives interaction.
+
+- **Primary (`#1A1A1A`):** Headlines and core text.
+- **Secondary (`#6B6B6B`):** Borders, captions, and metadata.
+- **Tertiary (`#D4E157`):** The sole driver for interaction. Reserve it.
+- **Neutral (`#D9D6D0`):** The page foundation.
+
+## Typography
+
+- **display:** Archivo 4.5rem
+- **h1:** Archivo 2.5rem
+- **body:** Archivo 0.95rem
+- **label:** Archivo Narrow 0.72rem
+
+## Do's and Don'ts
+
+- **Do** use Tertiary for exactly one action per screen.
+- **Do** let Neutral carry the composition — negative space is a feature.
+- **Don't** introduce gradients. This system is flat on purpose.
+- **Don't** mix Tertiary with alternate accents; the single-accent rule is load-bearing.
+
+## AI Agent Instructions: Taste Skill Integration
+
+When generating code or designing interfaces based on this system, the AI Agent **MUST** also apply the advanced frontend engineering principles defined in the Taste Skill framework.
+
+1. **Apply the Skill:** Read and follow the directives outlined in `../../skills/design/taste-skill/SKILL.md` (or the equivalent `design-taste-frontend` skill).
+2. **Merge Logic:**
+   - Use the **Colors**, **Typography**, and **Spacing** defined in this `Design.md` document as your absolute source of truth for all design tokens.
+   - Use the **Taste Skill** directives for layout engineering, motion (e.g., Framer Motion), anti-slop bias correction, and modern component architecture.
+3. **Active Baseline Configuration for this Design:**
+   - `DESIGN_VARIANCE`: 1 (Strict, mathematical grid layouts; brutalist restraint).
+   - `MOTION_INTENSITY`: 1 (Mechanical, near-instant transitions; zero fluff).
+   - `VISUAL_DENSITY`: 8 (High information density, structural hierarchy, and functional clarity).
+
+### Available Taste Skill Modules
+The following modules are available in `../../skills/design/`. The AI should refer to the corresponding `SKILL.md` files when specific stylistic variations or task optimizations are needed:
+- **`taste-skill`**: The main design skill for premium frontend code. Covers layout, typography, colors, spacing, and motion.
+- **`gpt-taste`**: Elite Awwwards-level frontend design and GSAP motion skill for premium, deterministic, anti-slop UI generation.
+- **`soft-skill`**: Focuses on an expensive, soft UI look with premium fonts, whitespace, depth, and smooth animations.
+- **`minimalist-skill`**: Enforces clean, editorial-style interfaces (Notion/Linear style) with strict monochrome palettes.
+- **`brutalist-skill`**: Raw mechanical interfaces, Swiss typography, extreme scale contrast.
+- **`redesign-skill`**: For upgrading existing projects by auditing and fixing design problems.
+- **`output-skill`**: Prevents AI from being lazy, skipping code blocks, or using placeholder comments.
+- **`stitch-skill`**: Google Stitch-compatible semantic design rules for premium AI UI generation.
+- **`concept-diagrams`**: Unified visual language for creating minimal, SVG-based architecture and concept diagrams.

package/docs/design/themes/gallery-white.md

@@ -0,0 +1,100 @@
+---
+version: alpha
+name: Gallery White
+description: Contemporary gallery: nothing on the walls but art.
+colors:
+  primary: "#1C1C1B"
+  secondary: "#8F8F8D"
+  tertiary: "#595957"
+  neutral: "#F9F9F7"
+  surface: "#FFFFFF"
+  on-primary: "#FFFFFF"
+typography:
+  display:
+    fontFamily: Cormorant Garamond
+    fontSize: 5.5rem
+    fontWeight: 300
+    letterSpacing: "-0.02em"
+  h1:
+    fontFamily: Cormorant Garamond
+    fontSize: 3rem
+    fontWeight: 300
+  body:
+    fontFamily: Inter
+    fontSize: 0.95rem
+    lineHeight: 1.65
+  label:
+    fontFamily: Inter
+    fontSize: 0.7rem
+    letterSpacing: "0.14em"
+rounded:
+  sm: 0px
+  md: 0px
+  lg: 0px
+spacing:
+  sm: 8px
+  md: 16px
+  lg: 32px
+components:
+  button-primary:
+    backgroundColor: "{colors.tertiary}"
+    textColor: "{colors.on-primary}"
+    rounded: "{rounded.md}"
+    padding: 12px 20px
+  card:
+    backgroundColor: "{colors.surface}"
+    textColor: "{colors.primary}"
+    rounded: "{rounded.lg}"
+    padding: 24px
+---
+## Overview
+
+Maximum whitespace. Near-white surface, thin rules, a single charcoal for typography. Built for portfolios.
+
+## Colors
+
+The palette is built around high-contrast neutrals and a single accent that drives interaction.
+
+- **Primary (`#1C1C1B`):** Headlines and core text.
+- **Secondary (`#8F8F8D`):** Borders, captions, and metadata.
+- **Tertiary (`#595957`):** The sole driver for interaction. Reserve it.
+- **Neutral (`#F9F9F7`):** The page foundation.
+
+## Typography
+
+- **display:** Cormorant Garamond 5.5rem
+- **h1:** Cormorant Garamond 3rem
+- **body:** Inter 0.95rem
+- **label:** Inter 0.7rem
+
+## Do's and Don'ts
+
+- **Do** use Tertiary for exactly one action per screen.
+- **Do** let Neutral carry the composition — negative space is a feature.
+- **Don't** introduce gradients. This system is flat on purpose.
+- **Don't** mix Tertiary with alternate accents; the single-accent rule is load-bearing.
+
+## AI Agent Instructions: Taste Skill Integration
+
+When generating code or designing interfaces based on this system, the AI Agent **MUST** also apply the advanced frontend engineering principles defined in the Taste Skill framework.
+
+1. **Apply the Skill:** Read and follow the directives outlined in `../../skills/design/taste-skill/SKILL.md` (or the equivalent `design-taste-frontend` skill).
+2. **Merge Logic:**
+   - Use the **Colors**, **Typography**, and **Spacing** defined in this `Design.md` document as your absolute source of truth for all design tokens.
+   - Use the **Taste Skill** directives for layout engineering, motion (e.g., Framer Motion), anti-slop bias correction, and modern component architecture.
+3. **Active Baseline Configuration for this Design:**
+   - `DESIGN_VARIANCE`: 9 (Artistic, unexpected layouts with varying scales and asymmetric compositions).
+   - `MOTION_INTENSITY`: 4 (Smooth, elegant fades and subtle transitions).
+   - `VISUAL_DENSITY`: 1 (Maximum whitespace, focus on one element at a time; contemporary gallery feel).
+
+### Available Taste Skill Modules
+The following modules are available in `../../skills/design/`. The AI should refer to the corresponding `SKILL.md` files when specific stylistic variations or task optimizations are needed:
+- **`taste-skill`**: The main design skill for premium frontend code. Covers layout, typography, colors, spacing, and motion.
+- **`gpt-taste`**: Elite Awwwards-level frontend design and GSAP motion skill for premium, deterministic, anti-slop UI generation.
+- **`soft-skill`**: Focuses on an expensive, soft UI look with premium fonts, whitespace, depth, and smooth animations.
+- **`minimalist-skill`**: Enforces clean, editorial-style interfaces (Notion/Linear style) with strict monochrome palettes.
+- **`brutalist-skill`**: Raw mechanical interfaces, Swiss typography, extreme scale contrast.
+- **`redesign-skill`**: For upgrading existing projects by auditing and fixing design problems.
+- **`output-skill`**: Prevents AI from being lazy, skipping code blocks, or using placeholder comments.
+- **`stitch-skill`**: Google Stitch-compatible semantic design rules for premium AI UI generation.
+- **`concept-diagrams`**: Unified visual language for creating minimal, SVG-based architecture and concept diagrams.

package/docs/design/themes/pinterest.md

@@ -0,0 +1,101 @@
+---
+version: alpha
+name: Pinterest
+description: Red accent. Masonry grid. Image-first.
+colors:
+  primary: "#111111"
+  secondary: "#767676"
+  tertiary: "#E60023"
+  neutral: "#EFEFEF"
+  surface: "#FFFFFF"
+  on-primary: "#FFFFFF"
+typography:
+  display:
+    fontFamily: Inter
+    fontSize: 4.5rem
+    fontWeight: 800
+    letterSpacing: "-0.03em"
+  h1:
+    fontFamily: Inter
+    fontSize: 2.25rem
+    fontWeight: 700
+  body:
+    fontFamily: Inter
+    fontSize: 0.96rem
+    lineHeight: 1.55
+  label:
+    fontFamily: Inter
+    fontSize: 0.78rem
+    fontWeight: 700
+    letterSpacing: "0"
+rounded:
+  sm: 12px
+  md: 16px
+  lg: 22px
+spacing:
+  sm: 8px
+  md: 16px
+  lg: 32px
+components:
+  button-primary:
+    backgroundColor: "{colors.tertiary}"
+    textColor: "{colors.on-primary}"
+    rounded: "{rounded.md}"
+    padding: 12px 20px
+  card:
+    backgroundColor: "{colors.surface}"
+    textColor: "{colors.primary}"
+    rounded: "{rounded.lg}"
+    padding: 24px
+---
+## Overview
+
+Pinterest: visual-discovery masonry grid, red accent, image-first cards, rounded pill interactions.
+
+## Colors
+
+The palette is built around high-contrast neutrals and a single accent that drives interaction.
+
+- **Primary (`#111111`):** Headlines and core text.
+- **Secondary (`#767676`):** Borders, captions, and metadata.
+- **Tertiary (`#E60023`):** The sole driver for interaction. Reserve it.
+- **Neutral (`#EFEFEF`):** The page foundation.
+
+## Typography
+
+- **display:** Inter 4.5rem
+- **h1:** Inter 2.25rem
+- **body:** Inter 0.96rem
+- **label:** Inter 0.78rem
+
+## Do's and Don'ts
+
+- **Do** use Tertiary for exactly one action per screen.
+- **Do** let Neutral carry the composition — negative space is a feature.
+- **Don't** introduce gradients. This system is flat on purpose.
+- **Don't** mix Tertiary with alternate accents; the single-accent rule is load-bearing.
+
+## AI Agent Instructions: Taste Skill Integration
+
+When generating code or designing interfaces based on this system, the AI Agent **MUST** also apply the advanced frontend engineering principles defined in the Taste Skill framework.
+
+1. **Apply the Skill:** Read and follow the directives outlined in `../../skills/design/taste-skill/SKILL.md` (or the equivalent `design-taste-frontend` skill).
+2. **Merge Logic:**
+   - Use the **Colors**, **Typography**, and **Spacing** defined in this `Design.md` document as your absolute source of truth for all design tokens.
+   - Use the **Taste Skill** directives for layout engineering, motion (e.g., Framer Motion), anti-slop bias correction, and modern component architecture.
+3. **Active Baseline Configuration for this Design:**
+   - `DESIGN_VARIANCE`: 8 (Encourage masonry layouts, asymmetric grids, and image-first structures to match the Pinterest visual discovery vibe).
+   - `MOTION_INTENSITY`: 5 (Fluid CSS, subtle spring physics for hover states, keeping it clean and functional).
+   - `VISUAL_DENSITY`: 7 (High information density, image-heavy cards, and efficient use of space).
+
+### Available Taste Skill Modules
+The following modules are available in `../../skills/design/`. The AI should refer to the corresponding `SKILL.md` files when specific stylistic variations or task optimizations are needed:
+- **`taste-skill`**: The main design skill for premium frontend code. Covers layout, typography, colors, spacing, and motion.
+- **`gpt-taste`**: Elite Awwwards-level frontend design and GSAP motion skill for premium, deterministic, anti-slop UI generation.
+- **`soft-skill`**: Focuses on an expensive, soft UI look with premium fonts, whitespace, depth, and smooth animations.
+- **`minimalist-skill`**: Enforces clean, editorial-style interfaces (Notion/Linear style) with strict monochrome palettes.
+- **`brutalist-skill`**: Raw mechanical interfaces, Swiss typography, extreme scale contrast.
+- **`redesign-skill`**: For upgrading existing projects by auditing and fixing design problems.
+- **`output-skill`**: Prevents AI from being lazy, skipping code blocks, or using placeholder comments.
+- **`stitch-skill`**: Google Stitch-compatible semantic design rules for premium AI UI generation.
+- **`concept-diagrams`**: Unified visual language for creating minimal, SVG-based architecture and concept diagrams.