bluekiwi 1.2.4 → 2.0.0

package/dist/assets/app-runtime/docker/seed-design-systems/open-design-core.json

@@ -0,0 +1,3452 @@
+[
+  {
+    "title": "Shadcn Product UI Kit",
+    "slug": "shadcn-product-ui-kit",
+    "description": "Reference-grade shadcn/Tailwind system for product dashboards, forms, settings, and agent-facing admin tools, adapted from Open Design shadcn.",
+    "version": "1.0.0",
+    "category": "Reference Kit",
+    "surface": "web",
+    "schema": {
+      "version": "1.0",
+      "mediums": [
+        "web",
+        "app"
+      ],
+      "archetype": "product-ui-component-kit",
+      "supports": [
+        "react",
+        "tailwindcss",
+        "shadcn-ui",
+        "html-css"
+      ],
+      "source_reference": {
+        "project": "nexu-io/open-design",
+        "path": "design-systems/shadcn/DESIGN.md",
+        "license": "MIT"
+      },
+      "entrypoints": {
+        "agent_document": "DESIGN.md",
+        "split_tokens": [
+          "tokens/colors.json",
+          "tokens/typography.json",
+          "tokens/components.json"
+        ],
+        "implementation": "adapters.json"
+      }
+    },
+    "tokens": {
+      "spacing": {
+        "1": 4,
+        "2": 8,
+        "3": 12,
+        "4": 16,
+        "5": 20,
+        "6": 24,
+        "8": 32,
+        "section": 48
+      },
+      "radius": {
+        "control": 6,
+        "card": 8,
+        "popover": 8,
+        "modal": 8
+      },
+      "shadow": {
+        "none": "none",
+        "sm": "0 1px 2px rgba(0,0,0,.06)",
+        "md": "0 8px 24px rgba(15,23,42,.08)"
+      },
+      "motion": {
+        "durationFast": "120ms",
+        "durationBase": "180ms",
+        "easingStandard": "cubic-bezier(.2,.8,.2,1)"
+      },
+      "layout": {
+        "sidebar": 264,
+        "contentMax": 1280,
+        "toolbar": 48
+      }
+    },
+    "color_tokens": {
+      "background": "#F8FAFC",
+      "foreground": "#0F172A",
+      "card": "#FFFFFF",
+      "cardForeground": "#0F172A",
+      "popover": "#FFFFFF",
+      "popoverForeground": "#0F172A",
+      "primary": "#2563EB",
+      "primaryForeground": "#FFFFFF",
+      "secondary": "#E2E8F0",
+      "secondaryForeground": "#1E293B",
+      "muted": "#F1F5F9",
+      "mutedForeground": "#64748B",
+      "accent": "#14B8A6",
+      "accentForeground": "#042F2E",
+      "destructive": "#DC2626",
+      "destructiveForeground": "#FFFFFF",
+      "border": "#CBD5E1",
+      "input": "#CBD5E1",
+      "ring": "#2563EB",
+      "success": "#16A34A",
+      "warning": "#CA8A04",
+      "info": "#0891B2"
+    },
+    "typography_tokens": {
+      "display": "Inter, Pretendard, system-ui, sans-serif",
+      "heading": "Inter, Pretendard, system-ui, sans-serif",
+      "body": "Inter, Pretendard, system-ui, sans-serif",
+      "label": "Inter, Pretendard, system-ui, sans-serif",
+      "caption": "Inter, Pretendard, system-ui, sans-serif",
+      "mono": "JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, monospace",
+      "scale": {
+        "h1": "32px/1.2",
+        "h2": "24px/1.25",
+        "h3": "18px/1.35",
+        "body": "14px/1.6",
+        "caption": "12px/1.45"
+      }
+    },
+    "component_tokens": {
+      "Button": {
+        "framework": "shadcn",
+        "style_system": "shadcn/ui + Tailwind CSS",
+        "description": "Product UI component for clear command actions.",
+        "props": [
+          {
+            "name": "variant",
+            "type": "default | secondary | outline | ghost | destructive",
+            "description": "Visual emphasis"
+          },
+          {
+            "name": "size",
+            "type": "sm | default | lg | icon",
+            "description": "Control density"
+          }
+        ],
+        "variants": [
+          "default",
+          "secondary",
+          "outline",
+          "ghost",
+          "destructive",
+          "icon"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "active",
+          "disabled",
+          "loading"
+        ],
+        "classes": [
+          "inline-flex",
+          "h-9",
+          "rounded-md",
+          "px-3",
+          "font-medium",
+          "focus-visible:ring-2"
+        ],
+        "dependencies": [
+          "@radix-ui/react-slot",
+          "class-variance-authority",
+          "lucide-react"
+        ],
+        "install": [
+          "npx shadcn@latest add button"
+        ],
+        "preview": {
+          "html": "<div class=\"kit-row\"><button class=\"kit-button\">Save changes</button><button class=\"kit-button kit-button-outline\">Cancel</button></div>",
+          "css": ".kit-row{display:flex;gap:8px;align-items:center}.kit-button{height:36px;border:1px solid #2563EB;border-radius:6px;background:#2563EB;color:#FFFFFF;padding:0 12px;font:600 14px Inter, Pretendard, system-ui, sans-serif}.kit-button-outline{background:#FFFFFF;color:#0F172A;border-color:#CBD5E1}"
+        },
+        "react": "import { Button } from \"@/components/ui/button\";\n\nexport function SaveActions() {\n  return <div className=\"flex gap-2\"><Button>Save changes</Button><Button variant=\"outline\">Cancel</Button></div>;\n}",
+        "usage": "Use in dense product surfaces and registry tools. Use one primary button per decision group. Use icon-only buttons only for familiar commands with accessible labels.",
+        "tailwind": {
+          "classes": [
+            "inline-flex",
+            "h-9",
+            "rounded-md",
+            "px-3",
+            "font-medium",
+            "focus-visible:ring-2"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "button"
+          ],
+          "dependencies": [
+            "@radix-ui/react-slot",
+            "class-variance-authority",
+            "lucide-react"
+          ]
+        }
+      },
+      "Input": {
+        "framework": "shadcn",
+        "style_system": "shadcn/ui + Tailwind CSS",
+        "description": "Product UI component for single-line fields.",
+        "props": [
+          {
+            "name": "aria-invalid",
+            "type": "boolean",
+            "description": "Marks invalid state"
+          },
+          {
+            "name": "placeholder",
+            "type": "string",
+            "description": "Short example value"
+          }
+        ],
+        "variants": [
+          "default",
+          "with-icon",
+          "invalid",
+          "readonly"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "disabled",
+          "error"
+        ],
+        "classes": [
+          "h-9",
+          "rounded-md",
+          "border",
+          "px-3",
+          "focus-visible:ring-2",
+          "aria-invalid:border-destructive"
+        ],
+        "install": [
+          "npx shadcn@latest add input label"
+        ],
+        "preview": {
+          "html": "<label class=\"kit-field\"><span>Project name</span><input class=\"kit-input\" placeholder=\"Agent Console\" /></label>",
+          "css": ".kit-field{display:grid;gap:6px;font:600 13px Inter, Pretendard, system-ui, sans-serif;color:#0F172A}.kit-input{height:36px;border:1px solid #CBD5E1;border-radius:6px;background:#FFFFFF;color:#0F172A;padding:0 10px;font:14px Inter, Pretendard, system-ui, sans-serif}"
+        },
+        "usage": "Use in dense product surfaces and registry tools. Always include a persistent label. Do not rely on placeholder text as the only label.",
+        "tailwind": {
+          "classes": [
+            "h-9",
+            "rounded-md",
+            "border",
+            "px-3",
+            "focus-visible:ring-2",
+            "aria-invalid:border-destructive"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "input"
+          ],
+          "dependencies": []
+        }
+      },
+      "Textarea": {
+        "framework": "shadcn",
+        "style_system": "shadcn/ui + Tailwind CSS",
+        "description": "Product UI component for long-form input.",
+        "props": [
+          {
+            "name": "rows",
+            "type": "number",
+            "description": "Default visible height"
+          }
+        ],
+        "variants": [
+          "default",
+          "invalid",
+          "monospace"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "disabled",
+          "error"
+        ],
+        "classes": [
+          "min-h-24",
+          "rounded-md",
+          "border",
+          "p-3",
+          "focus-visible:ring-2"
+        ],
+        "install": [
+          "npx shadcn@latest add textarea"
+        ],
+        "preview": {
+          "html": "<textarea class=\"kit-textarea\" placeholder=\"Describe the agent behavior\"></textarea>",
+          "css": ".kit-textarea{width:100%;min-height:96px;border:1px solid #CBD5E1;border-radius:6px;background:#FFFFFF;color:#0F172A;padding:10px 12px;font:14px/1.5 Inter, Pretendard, system-ui, sans-serif;resize:vertical}"
+        },
+        "usage": "Use in dense product surfaces and registry tools. Use for user-authored content. Keep code or machine values in monospace variant.",
+        "tailwind": {
+          "classes": [
+            "min-h-24",
+            "rounded-md",
+            "border",
+            "p-3",
+            "focus-visible:ring-2"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "textarea"
+          ],
+          "dependencies": []
+        }
+      },
+      "Select": {
+        "framework": "shadcn",
+        "style_system": "Radix Select + Tailwind CSS",
+        "description": "Product UI component for bounded choices.",
+        "props": [
+          {
+            "name": "options",
+            "type": "Array<{ label: string; value: string }>",
+            "description": "Available choices"
+          }
+        ],
+        "variants": [
+          "default",
+          "compact",
+          "invalid"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "open",
+          "disabled",
+          "error"
+        ],
+        "classes": [
+          "h-9",
+          "rounded-md",
+          "border",
+          "bg-background",
+          "data-[state=open]:ring-2"
+        ],
+        "dependencies": [
+          "@radix-ui/react-select"
+        ],
+        "install": [
+          "npx shadcn@latest add select"
+        ],
+        "preview": {
+          "html": "<button class=\"kit-select\">Published <span>⌄</span></button>",
+          "css": ".kit-select{height:36px;min-width:180px;border:1px solid #CBD5E1;border-radius:6px;background:#FFFFFF;color:#0F172A;padding:0 10px;display:flex;justify-content:space-between;align-items:center;font:14px Inter, Pretendard, system-ui, sans-serif}"
+        },
+        "usage": "Use in dense product surfaces and registry tools. Use when choices are known and fewer than about 20. Prefer search/combobox for long lists.",
+        "tailwind": {
+          "classes": [
+            "h-9",
+            "rounded-md",
+            "border",
+            "bg-background",
+            "data-[state=open]:ring-2"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "select"
+          ],
+          "dependencies": [
+            "@radix-ui/react-select"
+          ]
+        }
+      },
+      "Checkbox": {
+        "framework": "shadcn",
+        "style_system": "Radix Checkbox + Tailwind CSS",
+        "description": "Product UI component for independent options.",
+        "props": [
+          {
+            "name": "checked",
+            "type": "boolean | indeterminate",
+            "description": "Current check state"
+          }
+        ],
+        "variants": [
+          "default",
+          "indeterminate",
+          "invalid"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "checked",
+          "indeterminate",
+          "disabled",
+          "error"
+        ],
+        "classes": [
+          "size-4",
+          "rounded-sm",
+          "border",
+          "data-[state=checked]:bg-primary"
+        ],
+        "dependencies": [
+          "@radix-ui/react-checkbox"
+        ],
+        "install": [
+          "npx shadcn@latest add checkbox"
+        ],
+        "preview": {
+          "html": "<label class=\"kit-check\"><span class=\"kit-checkbox\">✓</span><span>Include component adapters</span></label>",
+          "css": ".kit-check{display:flex;gap:8px;align-items:center;font:14px Inter, Pretendard, system-ui, sans-serif;color:#0F172A}.kit-checkbox{width:16px;height:16px;border-radius:4px;background:#2563EB;color:#FFFFFF;display:grid;place-items:center;font-size:11px}"
+        },
+        "usage": "Use in dense product surfaces and registry tools. Use for independent selections. Do not use checkboxes for mutually exclusive choices.",
+        "tailwind": {
+          "classes": [
+            "size-4",
+            "rounded-sm",
+            "border",
+            "data-[state=checked]:bg-primary"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "checkbox"
+          ],
+          "dependencies": [
+            "@radix-ui/react-checkbox"
+          ]
+        }
+      },
+      "RadioGroup": {
+        "framework": "shadcn",
+        "style_system": "Radix Radio Group + Tailwind CSS",
+        "description": "Product UI component for exclusive choices.",
+        "props": [
+          {
+            "name": "value",
+            "type": "string",
+            "description": "Selected option"
+          }
+        ],
+        "variants": [
+          "default",
+          "card",
+          "segmented"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "checked",
+          "disabled",
+          "error"
+        ],
+        "classes": [
+          "grid",
+          "gap-2",
+          "data-[state=checked]:border-primary"
+        ],
+        "dependencies": [
+          "@radix-ui/react-radio-group"
+        ],
+        "install": [
+          "npx shadcn@latest add radio-group"
+        ],
+        "preview": {
+          "html": "<div class=\"kit-radio-group\"><label><span class=\"kit-radio-dot\"></span> Create new</label><label><span></span> Compare</label></div>",
+          "css": ".kit-radio-group{display:grid;gap:8px;font:14px Inter, Pretendard, system-ui, sans-serif;color:#0F172A}.kit-radio-group label{display:flex;gap:8px;align-items:center}.kit-radio-group span{width:16px;height:16px;border:1px solid #CBD5E1;border-radius:999px}.kit-radio-dot{border:5px solid #2563EB!important}"
+        },
+        "usage": "Use in dense product surfaces and registry tools. Use when exactly one choice must be selected. Show the recommended option first when appropriate.",
+        "tailwind": {
+          "classes": [
+            "grid",
+            "gap-2",
+            "data-[state=checked]:border-primary"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "radio-group"
+          ],
+          "dependencies": [
+            "@radix-ui/react-radio-group"
+          ]
+        }
+      },
+      "Switch": {
+        "framework": "shadcn",
+        "style_system": "Radix Switch + Tailwind CSS",
+        "description": "Product UI component for immediate preferences.",
+        "props": [
+          {
+            "name": "checked",
+            "type": "boolean",
+            "description": "Current toggle state"
+          }
+        ],
+        "variants": [
+          "default",
+          "danger"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "checked",
+          "disabled"
+        ],
+        "classes": [
+          "h-5",
+          "w-9",
+          "rounded-full",
+          "data-[state=checked]:bg-primary"
+        ],
+        "dependencies": [
+          "@radix-ui/react-switch"
+        ],
+        "install": [
+          "npx shadcn@latest add switch"
+        ],
+        "preview": {
+          "html": "<label class=\"kit-switch-row\"><span>Active design system</span><span class=\"kit-switch\"><i></i></span></label>",
+          "css": ".kit-switch-row{display:flex;justify-content:space-between;align-items:center;font:14px Inter, Pretendard, system-ui, sans-serif;color:#0F172A}.kit-switch{width:36px;height:20px;border-radius:999px;background:#2563EB;padding:2px}.kit-switch i{display:block;width:16px;height:16px;border-radius:50%;background:#FFFFFF;margin-left:16px}"
+        },
+        "usage": "Use in dense product surfaces and registry tools. Use only for settings that apply immediately. Use checkbox when submit/confirm is required.",
+        "tailwind": {
+          "classes": [
+            "h-5",
+            "w-9",
+            "rounded-full",
+            "data-[state=checked]:bg-primary"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "switch"
+          ],
+          "dependencies": [
+            "@radix-ui/react-switch"
+          ]
+        }
+      },
+      "Card": {
+        "framework": "shadcn",
+        "style_system": "shadcn/ui + Tailwind CSS",
+        "description": "Product UI component for repeated content groups.",
+        "props": [
+          {
+            "name": "title",
+            "type": "string",
+            "description": "Card heading"
+          }
+        ],
+        "variants": [
+          "default",
+          "interactive",
+          "selected",
+          "warning"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "selected",
+          "disabled",
+          "loading"
+        ],
+        "classes": [
+          "rounded-lg",
+          "border",
+          "bg-card",
+          "p-4",
+          "shadow-sm"
+        ],
+        "install": [
+          "npx shadcn@latest add card"
+        ],
+        "preview": {
+          "html": "<article class=\"kit-card\"><h3>Design registry</h3><p>15 components · React, Tailwind, shadcn, HTML adapters</p></article>",
+          "css": ".kit-card{border:1px solid #CBD5E1;border-radius:8px;background:#FFFFFF;padding:16px;font:14px Inter, Pretendard, system-ui, sans-serif;color:#0F172A}.kit-card h3{margin:0 0 4px;font-size:16px}.kit-card p{margin:0;color:#64748B}"
+        },
+        "usage": "Use in dense product surfaces and registry tools. Use for repeated items and compact summaries. Avoid nesting cards inside cards.",
+        "tailwind": {
+          "classes": [
+            "rounded-lg",
+            "border",
+            "bg-card",
+            "p-4",
+            "shadow-sm"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "card"
+          ],
+          "dependencies": []
+        }
+      },
+      "Dialog": {
+        "framework": "shadcn",
+        "style_system": "Radix Dialog + Tailwind CSS",
+        "description": "Product UI component for focused blocking decisions.",
+        "props": [
+          {
+            "name": "open",
+            "type": "boolean",
+            "description": "Dialog visibility"
+          }
+        ],
+        "variants": [
+          "default",
+          "confirm",
+          "fullscreen"
+        ],
+        "states": [
+          "closed",
+          "opening",
+          "open",
+          "closing"
+        ],
+        "classes": [
+          "fixed",
+          "rounded-lg",
+          "border",
+          "bg-background",
+          "shadow-lg"
+        ],
+        "dependencies": [
+          "@radix-ui/react-dialog"
+        ],
+        "install": [
+          "npx shadcn@latest add dialog"
+        ],
+        "preview": {
+          "html": "<section class=\"kit-dialog\"><h3>Import package?</h3><p>Related design system found. Importing as a new version is recommended.</p><button>Continue</button></section>",
+          "css": ".kit-dialog{width:320px;border:1px solid #CBD5E1;border-radius:8px;background:#FFFFFF;color:#0F172A;padding:18px;font:14px Inter, Pretendard, system-ui, sans-serif;box-shadow:0 8px 24px rgba(15,23,42,.08)}.kit-dialog h3{margin:0 0 6px}.kit-dialog p{color:#64748B}.kit-dialog button{height:34px;border:0;border-radius:6px;background:#2563EB;color:#FFFFFF;padding:0 12px}"
+        },
+        "usage": "Use in dense product surfaces and registry tools. Use for blocking decisions. Keep destructive confirmations explicit and reversible where possible.",
+        "tailwind": {
+          "classes": [
+            "fixed",
+            "rounded-lg",
+            "border",
+            "bg-background",
+            "shadow-lg"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "dialog"
+          ],
+          "dependencies": [
+            "@radix-ui/react-dialog"
+          ]
+        }
+      },
+      "DropdownMenu": {
+        "framework": "shadcn",
+        "style_system": "Radix Dropdown Menu + Tailwind CSS",
+        "description": "Product UI component for secondary contextual actions.",
+        "props": [
+          {
+            "name": "items",
+            "type": "Array<MenuItem>",
+            "description": "Menu actions"
+          }
+        ],
+        "variants": [
+          "default",
+          "with-icons",
+          "danger-zone"
+        ],
+        "states": [
+          "closed",
+          "open",
+          "hover",
+          "focus-visible",
+          "disabled"
+        ],
+        "classes": [
+          "min-w-40",
+          "rounded-md",
+          "border",
+          "bg-popover",
+          "p-1"
+        ],
+        "dependencies": [
+          "@radix-ui/react-dropdown-menu",
+          "lucide-react"
+        ],
+        "install": [
+          "npx shadcn@latest add dropdown-menu"
+        ],
+        "preview": {
+          "html": "<div class=\"kit-menu\"><button>Duplicate</button><button>Export</button><button class=\"danger\">Delete</button></div>",
+          "css": ".kit-menu{width:180px;border:1px solid #CBD5E1;border-radius:8px;background:#FFFFFF;padding:4px;font:14px Inter, Pretendard, system-ui, sans-serif;color:#0F172A}.kit-menu button{display:block;width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:8px;border-radius:6px}.kit-menu .danger{color:#dc2626}"
+        },
+        "usage": "Use in dense product surfaces and registry tools. Use for secondary actions. Keep primary actions visible instead of hiding them in a menu.",
+        "tailwind": {
+          "classes": [
+            "min-w-40",
+            "rounded-md",
+            "border",
+            "bg-popover",
+            "p-1"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "dropdown-menu"
+          ],
+          "dependencies": [
+            "@radix-ui/react-dropdown-menu",
+            "lucide-react"
+          ]
+        }
+      },
+      "Tabs": {
+        "framework": "shadcn",
+        "style_system": "Radix Tabs + Tailwind CSS",
+        "description": "Product UI component for peer views in one context.",
+        "props": [
+          {
+            "name": "defaultValue",
+            "type": "string",
+            "description": "Initial active tab"
+          }
+        ],
+        "variants": [
+          "default",
+          "compact",
+          "underline"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "active",
+          "disabled"
+        ],
+        "classes": [
+          "inline-flex",
+          "rounded-md",
+          "bg-muted",
+          "data-[state=active]:bg-background"
+        ],
+        "dependencies": [
+          "@radix-ui/react-tabs"
+        ],
+        "install": [
+          "npx shadcn@latest add tabs"
+        ],
+        "preview": {
+          "html": "<div class=\"kit-tabs\"><button class=\"active\">Colors</button><button>Components</button><button>Assets</button></div>",
+          "css": ".kit-tabs{display:inline-flex;gap:2px;border-radius:6px;background:#F1F5F9;padding:3px;font:13px Inter, Pretendard, system-ui, sans-serif;color:#0F172A}.kit-tabs button{border:0;border-radius:6px;background:transparent;color:inherit;padding:7px 10px}.kit-tabs .active{background:#FFFFFF;box-shadow:0 1px 2px rgba(0,0,0,.08)}"
+        },
+        "usage": "Use in dense product surfaces and registry tools. Use for equivalent sibling views. Do not use tabs as primary site navigation.",
+        "tailwind": {
+          "classes": [
+            "inline-flex",
+            "rounded-md",
+            "bg-muted",
+            "data-[state=active]:bg-background"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "tabs"
+          ],
+          "dependencies": [
+            "@radix-ui/react-tabs"
+          ]
+        }
+      },
+      "Table": {
+        "framework": "shadcn",
+        "style_system": "HTML table + Tailwind CSS",
+        "description": "Product UI component for structured records.",
+        "props": [
+          {
+            "name": "rows",
+            "type": "Array<Record<string, unknown>>",
+            "description": "Visible rows"
+          }
+        ],
+        "variants": [
+          "default",
+          "selectable",
+          "compact",
+          "loading"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "selected",
+          "empty",
+          "loading",
+          "error"
+        ],
+        "classes": [
+          "w-full",
+          "text-sm",
+          "border-separate",
+          "border-spacing-0",
+          "data-[selected=true]:bg-muted"
+        ],
+        "install": [
+          "npx shadcn@latest add table checkbox"
+        ],
+        "preview": {
+          "html": "<table class=\"kit-table\"><thead><tr><th>Name</th><th>Status</th></tr></thead><tbody><tr><td>Product Kit</td><td>Published</td></tr></tbody></table>",
+          "css": ".kit-table{width:100%;border-collapse:collapse;font:13px Inter, Pretendard, system-ui, sans-serif;color:#0F172A;background:#FFFFFF}.kit-table th,.kit-table td{border-bottom:1px solid #CBD5E1;padding:10px;text-align:left}.kit-table th{color:#64748B;font-weight:700}"
+        },
+        "usage": "Use in dense product surfaces and registry tools. Provide loading, empty, error, populated, and edge states for every table.",
+        "tailwind": {
+          "classes": [
+            "w-full",
+            "text-sm",
+            "border-separate",
+            "border-spacing-0",
+            "data-[selected=true]:bg-muted"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "table"
+          ],
+          "dependencies": []
+        }
+      },
+      "Badge": {
+        "framework": "shadcn",
+        "style_system": "shadcn/ui + Tailwind CSS",
+        "description": "Product UI component for compact metadata.",
+        "props": [
+          {
+            "name": "variant",
+            "type": "default | secondary | outline | destructive | success | warning",
+            "description": "Semantic tone"
+          }
+        ],
+        "variants": [
+          "default",
+          "secondary",
+          "outline",
+          "success",
+          "warning",
+          "destructive"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "disabled"
+        ],
+        "classes": [
+          "inline-flex",
+          "rounded-md",
+          "px-2",
+          "py-0.5",
+          "text-xs",
+          "font-medium"
+        ],
+        "install": [
+          "npx shadcn@latest add badge"
+        ],
+        "preview": {
+          "html": "<div class=\"kit-badges\"><span>Published</span><span class=\"warn\">Needs review</span></div>",
+          "css": ".kit-badges{display:flex;gap:6px}.kit-badges span{border-radius:6px;background:#F1F5F9;color:#2563EB;padding:3px 8px;font:600 12px Inter, Pretendard, system-ui, sans-serif}.kit-badges .warn{background:#FEF3C7;color:#CA8A04}"
+        },
+        "usage": "Use in dense product surfaces and registry tools. Use for metadata, not primary actions. Prefer semantic color names over arbitrary colors.",
+        "tailwind": {
+          "classes": [
+            "inline-flex",
+            "rounded-md",
+            "px-2",
+            "py-0.5",
+            "text-xs",
+            "font-medium"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "badge"
+          ],
+          "dependencies": []
+        }
+      },
+      "Alert": {
+        "framework": "shadcn",
+        "style_system": "shadcn/ui + Tailwind CSS",
+        "description": "Product UI component for inline status and validation.",
+        "props": [
+          {
+            "name": "variant",
+            "type": "default | destructive | warning | success",
+            "description": "Alert tone"
+          }
+        ],
+        "variants": [
+          "default",
+          "info",
+          "success",
+          "warning",
+          "destructive"
+        ],
+        "states": [
+          "default",
+          "focus-visible",
+          "dismissible"
+        ],
+        "classes": [
+          "rounded-lg",
+          "border",
+          "p-4",
+          "text-sm"
+        ],
+        "install": [
+          "npx shadcn@latest add alert"
+        ],
+        "preview": {
+          "html": "<div class=\"kit-alert\"><strong>Related system found</strong><p>Importing as a new version is recommended.</p></div>",
+          "css": ".kit-alert{border:1px solid #2563EB;border-radius:8px;background:#FFFFFF;color:#0F172A;padding:12px;font:14px Inter, Pretendard, system-ui, sans-serif}.kit-alert p{margin:4px 0 0;color:#64748B}"
+        },
+        "usage": "Use in dense product surfaces and registry tools. Use near the relevant task. Keep text actionable and specific.",
+        "tailwind": {
+          "classes": [
+            "rounded-lg",
+            "border",
+            "p-4",
+            "text-sm"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "alert"
+          ],
+          "dependencies": []
+        }
+      },
+      "Toast": {
+        "framework": "shadcn",
+        "style_system": "Sonner or shadcn Toast + Tailwind CSS",
+        "description": "Product UI component for non-blocking feedback.",
+        "props": [
+          {
+            "name": "type",
+            "type": "success | error | info",
+            "description": "Feedback tone"
+          }
+        ],
+        "variants": [
+          "success",
+          "error",
+          "info",
+          "loading"
+        ],
+        "states": [
+          "enter",
+          "visible",
+          "exit"
+        ],
+        "classes": [
+          "rounded-lg",
+          "border",
+          "bg-background",
+          "shadow-md"
+        ],
+        "dependencies": [
+          "sonner"
+        ],
+        "install": [
+          "npx shadcn@latest add sonner"
+        ],
+        "preview": {
+          "html": "<div class=\"kit-toast\"><strong>Copied</strong><span>Component source copied.</span></div>",
+          "css": ".kit-toast{width:260px;border:1px solid #CBD5E1;border-radius:8px;background:#FFFFFF;color:#0F172A;padding:12px;box-shadow:0 8px 24px rgba(15,23,42,.08);font:13px Inter, Pretendard, system-ui, sans-serif}.kit-toast strong{display:block}.kit-toast span{color:#64748B}"
+        },
+        "usage": "Use in dense product surfaces and registry tools. Use for confirmation that does not require a decision. Do not hide errors that need correction.",
+        "tailwind": {
+          "classes": [
+            "rounded-lg",
+            "border",
+            "bg-background",
+            "shadow-md"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "toast"
+          ],
+          "dependencies": [
+            "sonner"
+          ]
+        }
+      }
+    },
+    "guidelines_markdown": "## Principles\n\n- Build product UI for repeated work: clear labels, visible state, compact controls, and fast scanning.\n- Prefer shadcn primitives for behavior and accessibility, then layer semantic tokens through Tailwind variables.\n- Keep repeated object cards at 8px radius or less; do not nest cards inside cards.\n- Every form control documents default, hover, focus-visible, disabled, and error states.\n- Every table/list surface documents loading, empty, error, populated, and edge states.\n\n## Open Design Reference\n\nAdapted from `nexu-io/open-design/design-systems/shadcn/DESIGN.md`: minimal monochrome product UI, utility-first implementation, and explicit state coverage.",
+    "skill_markdown": "Use this design system when building React/Tailwind/shadcn product interfaces, admin panels, registry viewers, settings screens, component libraries, and agent-facing tools. Load DESIGN.md first, then request adapters for implementation code.",
+    "export_manifest": {
+      "seed": true,
+      "source": "bluekiwi-open-design-seeds",
+      "adapted_from": {
+        "project": "nexu-io/open-design",
+        "path": "design-systems/shadcn/DESIGN.md",
+        "license": "MIT"
+      },
+      "component_coverage": [
+        "Button",
+        "Input",
+        "Textarea",
+        "Select",
+        "Checkbox",
+        "RadioGroup",
+        "Switch",
+        "Card",
+        "Dialog",
+        "DropdownMenu",
+        "Tabs",
+        "Table",
+        "Badge",
+        "Alert",
+        "Toast"
+      ],
+      "formats": [
+        "design",
+        "skill",
+        "package",
+        "bundle",
+        "adapters"
+      ]
+    }
+  },
+  {
+    "title": "Kami Editorial Paper Kit",
+    "slug": "kami-editorial-paper-kit",
+    "description": "Warm paper, ink-blue editorial system for docs, course pages, white papers, portfolios, and presentation support surfaces, adapted from Open Design kami.",
+    "version": "1.0.0",
+    "category": "Editorial",
+    "surface": "web",
+    "schema": {
+      "version": "1.0",
+      "mediums": [
+        "web",
+        "docs",
+        "slides"
+      ],
+      "archetype": "editorial-paper-kit",
+      "supports": [
+        "html-css",
+        "tailwindcss",
+        "react",
+        "slides",
+        "docs"
+      ],
+      "source_reference": {
+        "project": "nexu-io/open-design",
+        "path": "design-systems/kami/DESIGN.md",
+        "license": "MIT"
+      },
+      "entrypoints": {
+        "agent_document": "DESIGN.md",
+        "split_tokens": [
+          "tokens/colors.json",
+          "tokens/typography.json",
+          "tokens/components.json"
+        ],
+        "implementation": "adapters.json"
+      }
+    },
+    "tokens": {
+      "spacing": {
+        "1": 4,
+        "2": 8,
+        "3": 12,
+        "4": 16,
+        "5": 20,
+        "6": 24,
+        "8": 32,
+        "section": 48
+      },
+      "radius": {
+        "control": 6,
+        "card": 8,
+        "popover": 8,
+        "modal": 8
+      },
+      "shadow": {
+        "none": "none",
+        "sm": "0 1px 2px rgba(0,0,0,.06)",
+        "md": "0 4px 24px rgba(20,20,19,.05)"
+      },
+      "motion": {
+        "durationFast": "120ms",
+        "durationBase": "180ms",
+        "easingStandard": "cubic-bezier(.2,.8,.2,1)"
+      },
+      "layout": {
+        "sidebar": 264,
+        "contentMax": 960,
+        "toolbar": 48
+      }
+    },
+    "color_tokens": {
+      "background": "#F5F4ED",
+      "foreground": "#141413",
+      "card": "#FAF9F5",
+      "cardForeground": "#141413",
+      "popover": "#FAF9F5",
+      "popoverForeground": "#141413",
+      "primary": "#1B365D",
+      "primaryForeground": "#FFFFFF",
+      "secondary": "#E8E6DC",
+      "secondaryForeground": "#3D3D3A",
+      "muted": "#E8E6DC",
+      "mutedForeground": "#6B6A64",
+      "accent": "#2D5A8A",
+      "accentForeground": "#FFFFFF",
+      "destructive": "#B42318",
+      "destructiveForeground": "#FFFFFF",
+      "border": "#E8E6DC",
+      "input": "#E5E3D8",
+      "ring": "#1B365D",
+      "success": "#2F6B4F",
+      "warning": "#9B6829",
+      "info": "#1B365D",
+      "badgeBg": "#E4ECF5",
+      "badgeText": "#1B365D",
+      "alertBg": "#FAF9F5"
+    },
+    "typography_tokens": {
+      "display": "Charter, Georgia, Palatino, \"Times New Roman\", serif",
+      "heading": "Charter, Georgia, Palatino, \"Times New Roman\", serif",
+      "body": "Charter, Georgia, Palatino, \"Times New Roman\", serif",
+      "label": "Charter, Georgia, Palatino, \"Times New Roman\", serif",
+      "caption": "Charter, Georgia, Palatino, \"Times New Roman\", serif",
+      "mono": "JetBrains Mono, SF Mono, Fira Code, Consolas, monospace",
+      "scale": {
+        "h1": "40px/1.12",
+        "h2": "28px/1.2",
+        "h3": "20px/1.3",
+        "body": "16px/1.55",
+        "caption": "12px/1.45"
+      }
+    },
+    "component_tokens": {
+      "Button": {
+        "framework": "shadcn",
+        "style_system": "shadcn/ui + Tailwind CSS",
+        "description": "Editorial paper component for clear command actions.",
+        "props": [
+          {
+            "name": "variant",
+            "type": "default | secondary | outline | ghost | destructive",
+            "description": "Visual emphasis"
+          },
+          {
+            "name": "size",
+            "type": "sm | default | lg | icon",
+            "description": "Control density"
+          }
+        ],
+        "variants": [
+          "default",
+          "secondary",
+          "outline",
+          "ghost",
+          "destructive",
+          "icon"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "active",
+          "disabled",
+          "loading"
+        ],
+        "classes": [
+          "inline-flex",
+          "h-9",
+          "rounded-md",
+          "px-3",
+          "font-medium",
+          "focus-visible:ring-2"
+        ],
+        "dependencies": [
+          "@radix-ui/react-slot",
+          "class-variance-authority",
+          "lucide-react"
+        ],
+        "install": [
+          "npx shadcn@latest add button"
+        ],
+        "preview": {
+          "html": "<div class=\"kit-row\"><button class=\"kit-button\">Send manuscript</button><button class=\"kit-button kit-button-outline\">Cancel</button></div>",
+          "css": ".kit-row{display:flex;gap:8px;align-items:center}.kit-button{height:36px;border:1px solid #1B365D;border-radius:6px;background:#1B365D;color:#FFFFFF;padding:0 12px;font:600 14px Charter, Georgia, Palatino, \"Times New Roman\", serif}.kit-button-outline{background:#FAF9F5;color:#141413;border-color:#E8E6DC}"
+        },
+        "react": "import { Button } from \"@/components/ui/button\";\n\nexport function ManuscriptActions() {\n  return <div className=\"flex gap-2\"><Button>Send manuscript</Button><Button variant=\"outline\">Preview</Button></div>;\n}",
+        "usage": "Use in document-like experiences where reading quality is the product. Use one primary button per decision group. Use icon-only buttons only for familiar commands with accessible labels.",
+        "tailwind": {
+          "classes": [
+            "inline-flex",
+            "h-9",
+            "rounded-md",
+            "px-3",
+            "font-medium",
+            "focus-visible:ring-2"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "button"
+          ],
+          "dependencies": [
+            "@radix-ui/react-slot",
+            "class-variance-authority",
+            "lucide-react"
+          ]
+        }
+      },
+      "Input": {
+        "framework": "shadcn",
+        "style_system": "shadcn/ui + Tailwind CSS",
+        "description": "Editorial paper component for single-line fields.",
+        "props": [
+          {
+            "name": "aria-invalid",
+            "type": "boolean",
+            "description": "Marks invalid state"
+          },
+          {
+            "name": "placeholder",
+            "type": "string",
+            "description": "Short example value"
+          }
+        ],
+        "variants": [
+          "default",
+          "with-icon",
+          "invalid",
+          "readonly"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "disabled",
+          "error"
+        ],
+        "classes": [
+          "h-9",
+          "rounded-md",
+          "border",
+          "px-3",
+          "focus-visible:ring-2",
+          "aria-invalid:border-destructive"
+        ],
+        "install": [
+          "npx shadcn@latest add input label"
+        ],
+        "preview": {
+          "html": "<label class=\"kit-field\"><span>Author name</span><input class=\"kit-input\" placeholder=\"Chapter 01\" /></label>",
+          "css": ".kit-field{display:grid;gap:6px;font:600 13px Charter, Georgia, Palatino, \"Times New Roman\", serif;color:#141413}.kit-input{height:36px;border:1px solid #E8E6DC;border-radius:6px;background:#FAF9F5;color:#141413;padding:0 10px;font:14px Charter, Georgia, Palatino, \"Times New Roman\", serif}"
+        },
+        "usage": "Use in document-like experiences where reading quality is the product. Always include a persistent label. Do not rely on placeholder text as the only label.",
+        "tailwind": {
+          "classes": [
+            "h-9",
+            "rounded-md",
+            "border",
+            "px-3",
+            "focus-visible:ring-2",
+            "aria-invalid:border-destructive"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "input"
+          ],
+          "dependencies": []
+        }
+      },
+      "Textarea": {
+        "framework": "shadcn",
+        "style_system": "shadcn/ui + Tailwind CSS",
+        "description": "Editorial paper component for long-form input.",
+        "props": [
+          {
+            "name": "rows",
+            "type": "number",
+            "description": "Default visible height"
+          }
+        ],
+        "variants": [
+          "default",
+          "invalid",
+          "monospace"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "disabled",
+          "error"
+        ],
+        "classes": [
+          "min-h-24",
+          "rounded-md",
+          "border",
+          "p-3",
+          "focus-visible:ring-2"
+        ],
+        "install": [
+          "npx shadcn@latest add textarea"
+        ],
+        "preview": {
+          "html": "<textarea class=\"kit-textarea\" placeholder=\"Draft editorial note\"></textarea>",
+          "css": ".kit-textarea{width:100%;min-height:96px;border:1px solid #E8E6DC;border-radius:6px;background:#FAF9F5;color:#141413;padding:10px 12px;font:14px/1.5 Charter, Georgia, Palatino, \"Times New Roman\", serif;resize:vertical}"
+        },
+        "usage": "Use in document-like experiences where reading quality is the product. Use for user-authored content. Keep code or machine values in monospace variant.",
+        "tailwind": {
+          "classes": [
+            "min-h-24",
+            "rounded-md",
+            "border",
+            "p-3",
+            "focus-visible:ring-2"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "textarea"
+          ],
+          "dependencies": []
+        }
+      },
+      "Select": {
+        "framework": "shadcn",
+        "style_system": "Radix Select + Tailwind CSS",
+        "description": "Editorial paper component for bounded choices.",
+        "props": [
+          {
+            "name": "options",
+            "type": "Array<{ label: string; value: string }>",
+            "description": "Available choices"
+          }
+        ],
+        "variants": [
+          "default",
+          "compact",
+          "invalid"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "open",
+          "disabled",
+          "error"
+        ],
+        "classes": [
+          "h-9",
+          "rounded-md",
+          "border",
+          "bg-background",
+          "data-[state=open]:ring-2"
+        ],
+        "dependencies": [
+          "@radix-ui/react-select"
+        ],
+        "install": [
+          "npx shadcn@latest add select"
+        ],
+        "preview": {
+          "html": "<button class=\"kit-select\">Essay section <span>⌄</span></button>",
+          "css": ".kit-select{height:36px;min-width:180px;border:1px solid #E8E6DC;border-radius:6px;background:#FAF9F5;color:#141413;padding:0 10px;display:flex;justify-content:space-between;align-items:center;font:14px Charter, Georgia, Palatino, \"Times New Roman\", serif}"
+        },
+        "usage": "Use in document-like experiences where reading quality is the product. Use when choices are known and fewer than about 20. Prefer search/combobox for long lists.",
+        "tailwind": {
+          "classes": [
+            "h-9",
+            "rounded-md",
+            "border",
+            "bg-background",
+            "data-[state=open]:ring-2"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "select"
+          ],
+          "dependencies": [
+            "@radix-ui/react-select"
+          ]
+        }
+      },
+      "Checkbox": {
+        "framework": "shadcn",
+        "style_system": "Radix Checkbox + Tailwind CSS",
+        "description": "Editorial paper component for independent options.",
+        "props": [
+          {
+            "name": "checked",
+            "type": "boolean | indeterminate",
+            "description": "Current check state"
+          }
+        ],
+        "variants": [
+          "default",
+          "indeterminate",
+          "invalid"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "checked",
+          "indeterminate",
+          "disabled",
+          "error"
+        ],
+        "classes": [
+          "size-4",
+          "rounded-sm",
+          "border",
+          "data-[state=checked]:bg-primary"
+        ],
+        "dependencies": [
+          "@radix-ui/react-checkbox"
+        ],
+        "install": [
+          "npx shadcn@latest add checkbox"
+        ],
+        "preview": {
+          "html": "<label class=\"kit-check\"><span class=\"kit-checkbox\">✓</span><span>Include bibliography</span></label>",
+          "css": ".kit-check{display:flex;gap:8px;align-items:center;font:14px/1.55 Charter, Georgia, Palatino, \"Times New Roman\", serif;color:#141413}.kit-checkbox{width:16px;height:16px;border-radius:4px;background:#1B365D;color:#FFFFFF;display:grid;place-items:center;font-size:11px}"
+        },
+        "usage": "Use in document-like experiences where reading quality is the product. Use for independent selections. Do not use checkboxes for mutually exclusive choices.",
+        "tailwind": {
+          "classes": [
+            "size-4",
+            "rounded-sm",
+            "border",
+            "data-[state=checked]:bg-primary"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "checkbox"
+          ],
+          "dependencies": [
+            "@radix-ui/react-checkbox"
+          ]
+        }
+      },
+      "RadioGroup": {
+        "framework": "shadcn",
+        "style_system": "Radix Radio Group + Tailwind CSS",
+        "description": "Editorial paper component for exclusive choices.",
+        "props": [
+          {
+            "name": "value",
+            "type": "string",
+            "description": "Selected option"
+          }
+        ],
+        "variants": [
+          "default",
+          "card",
+          "segmented"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "checked",
+          "disabled",
+          "error"
+        ],
+        "classes": [
+          "grid",
+          "gap-2",
+          "data-[state=checked]:border-primary"
+        ],
+        "dependencies": [
+          "@radix-ui/react-radio-group"
+        ],
+        "install": [
+          "npx shadcn@latest add radio-group"
+        ],
+        "preview": {
+          "html": "<div class=\"kit-radio-group\"><label><span class=\"kit-radio-dot\"></span> Web page</label><label><span></span> Compare</label></div>",
+          "css": ".kit-radio-group{display:grid;gap:8px;font:14px/1.55 Charter, Georgia, Palatino, \"Times New Roman\", serif;color:#141413}.kit-radio-group label{display:flex;gap:8px;align-items:center}.kit-radio-group span{width:16px;height:16px;border:1px solid #E8E6DC;border-radius:999px}.kit-radio-dot{border:5px solid #1B365D!important}"
+        },
+        "usage": "Use in document-like experiences where reading quality is the product. Use when exactly one choice must be selected. Show the recommended option first when appropriate.",
+        "tailwind": {
+          "classes": [
+            "grid",
+            "gap-2",
+            "data-[state=checked]:border-primary"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "radio-group"
+          ],
+          "dependencies": [
+            "@radix-ui/react-radio-group"
+          ]
+        }
+      },
+      "Switch": {
+        "framework": "shadcn",
+        "style_system": "Radix Switch + Tailwind CSS",
+        "description": "Editorial paper component for immediate preferences.",
+        "props": [
+          {
+            "name": "checked",
+            "type": "boolean",
+            "description": "Current toggle state"
+          }
+        ],
+        "variants": [
+          "default",
+          "danger"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "checked",
+          "disabled"
+        ],
+        "classes": [
+          "h-5",
+          "w-9",
+          "rounded-full",
+          "data-[state=checked]:bg-primary"
+        ],
+        "dependencies": [
+          "@radix-ui/react-switch"
+        ],
+        "install": [
+          "npx shadcn@latest add switch"
+        ],
+        "preview": {
+          "html": "<label class=\"kit-switch-row\"><span>Print mode</span><span class=\"kit-switch\"><i></i></span></label>",
+          "css": ".kit-switch-row{display:flex;justify-content:space-between;align-items:center;font:14px/1.55 Charter, Georgia, Palatino, \"Times New Roman\", serif;color:#141413}.kit-switch{width:36px;height:20px;border-radius:999px;background:#1B365D;padding:2px}.kit-switch i{display:block;width:16px;height:16px;border-radius:50%;background:#FFFFFF;margin-left:16px}"
+        },
+        "usage": "Use in document-like experiences where reading quality is the product. Use only for settings that apply immediately. Use checkbox when submit/confirm is required.",
+        "tailwind": {
+          "classes": [
+            "h-5",
+            "w-9",
+            "rounded-full",
+            "data-[state=checked]:bg-primary"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "switch"
+          ],
+          "dependencies": [
+            "@radix-ui/react-switch"
+          ]
+        }
+      },
+      "Card": {
+        "framework": "shadcn",
+        "style_system": "shadcn/ui + Tailwind CSS",
+        "description": "Editorial paper component for repeated content groups.",
+        "props": [
+          {
+            "name": "title",
+            "type": "string",
+            "description": "Card heading"
+          }
+        ],
+        "variants": [
+          "default",
+          "interactive",
+          "selected",
+          "warning"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "selected",
+          "disabled",
+          "loading"
+        ],
+        "classes": [
+          "rounded-lg",
+          "border",
+          "bg-card",
+          "p-4",
+          "shadow-sm"
+        ],
+        "install": [
+          "npx shadcn@latest add card"
+        ],
+        "preview": {
+          "html": "<article class=\"kit-card\"><h3>Chapter note</h3><p>Parchment surface · ink-blue accent · serif hierarchy</p></article>",
+          "css": ".kit-card{border:1px solid #E8E6DC;border-radius:8px;background:#FAF9F5;padding:16px;font:14px/1.55 Charter, Georgia, Palatino, \"Times New Roman\", serif;color:#141413}.kit-card h3{margin:0 0 4px;font-size:16px}.kit-card p{margin:0;color:#6B6A64}"
+        },
+        "usage": "Use in document-like experiences where reading quality is the product. Use for repeated items and compact summaries. Avoid nesting cards inside cards.",
+        "tailwind": {
+          "classes": [
+            "rounded-lg",
+            "border",
+            "bg-card",
+            "p-4",
+            "shadow-sm"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "card"
+          ],
+          "dependencies": []
+        }
+      },
+      "Dialog": {
+        "framework": "shadcn",
+        "style_system": "Radix Dialog + Tailwind CSS",
+        "description": "Editorial paper component for focused blocking decisions.",
+        "props": [
+          {
+            "name": "open",
+            "type": "boolean",
+            "description": "Dialog visibility"
+          }
+        ],
+        "variants": [
+          "default",
+          "confirm",
+          "fullscreen"
+        ],
+        "states": [
+          "closed",
+          "opening",
+          "open",
+          "closing"
+        ],
+        "classes": [
+          "fixed",
+          "rounded-lg",
+          "border",
+          "bg-background",
+          "shadow-lg"
+        ],
+        "dependencies": [
+          "@radix-ui/react-dialog"
+        ],
+        "install": [
+          "npx shadcn@latest add dialog"
+        ],
+        "preview": {
+          "html": "<section class=\"kit-dialog\"><h3>Export paper package?</h3><p>Review metadata, references, and export format before continuing.</p><button>Continue</button></section>",
+          "css": ".kit-dialog{width:320px;border:1px solid #E8E6DC;border-radius:8px;background:#FAF9F5;color:#141413;padding:18px;font:14px Charter, Georgia, Palatino, \"Times New Roman\", serif;box-shadow:0 4px 24px rgba(20,20,19,.05)}.kit-dialog h3{margin:0 0 6px}.kit-dialog p{color:#6B6A64}.kit-dialog button{height:34px;border:0;border-radius:6px;background:#1B365D;color:#FFFFFF;padding:0 12px}"
+        },
+        "usage": "Use in document-like experiences where reading quality is the product. Use for blocking decisions. Keep destructive confirmations explicit and reversible where possible.",
+        "tailwind": {
+          "classes": [
+            "fixed",
+            "rounded-lg",
+            "border",
+            "bg-background",
+            "shadow-lg"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "dialog"
+          ],
+          "dependencies": [
+            "@radix-ui/react-dialog"
+          ]
+        }
+      },
+      "DropdownMenu": {
+        "framework": "shadcn",
+        "style_system": "Radix Dropdown Menu + Tailwind CSS",
+        "description": "Editorial paper component for secondary contextual actions.",
+        "props": [
+          {
+            "name": "items",
+            "type": "Array<MenuItem>",
+            "description": "Menu actions"
+          }
+        ],
+        "variants": [
+          "default",
+          "with-icons",
+          "danger-zone"
+        ],
+        "states": [
+          "closed",
+          "open",
+          "hover",
+          "focus-visible",
+          "disabled"
+        ],
+        "classes": [
+          "min-w-40",
+          "rounded-md",
+          "border",
+          "bg-popover",
+          "p-1"
+        ],
+        "dependencies": [
+          "@radix-ui/react-dropdown-menu",
+          "lucide-react"
+        ],
+        "install": [
+          "npx shadcn@latest add dropdown-menu"
+        ],
+        "preview": {
+          "html": "<div class=\"kit-menu\"><button>Export PDF</button><button>Export</button><button class=\"danger\">Delete</button></div>",
+          "css": ".kit-menu{width:180px;border:1px solid #E8E6DC;border-radius:8px;background:#FAF9F5;padding:4px;font:14px Charter, Georgia, Palatino, \"Times New Roman\", serif;color:#141413}.kit-menu button{display:block;width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:8px;border-radius:6px}.kit-menu .danger{color:#dc2626}"
+        },
+        "usage": "Use in document-like experiences where reading quality is the product. Use for secondary actions. Keep primary actions visible instead of hiding them in a menu.",
+        "tailwind": {
+          "classes": [
+            "min-w-40",
+            "rounded-md",
+            "border",
+            "bg-popover",
+            "p-1"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "dropdown-menu"
+          ],
+          "dependencies": [
+            "@radix-ui/react-dropdown-menu",
+            "lucide-react"
+          ]
+        }
+      },
+      "Tabs": {
+        "framework": "shadcn",
+        "style_system": "Radix Tabs + Tailwind CSS",
+        "description": "Editorial paper component for peer views in one context.",
+        "props": [
+          {
+            "name": "defaultValue",
+            "type": "string",
+            "description": "Initial active tab"
+          }
+        ],
+        "variants": [
+          "default",
+          "compact",
+          "underline"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "active",
+          "disabled"
+        ],
+        "classes": [
+          "inline-flex",
+          "rounded-md",
+          "bg-muted",
+          "data-[state=active]:bg-background"
+        ],
+        "dependencies": [
+          "@radix-ui/react-tabs"
+        ],
+        "install": [
+          "npx shadcn@latest add tabs"
+        ],
+        "preview": {
+          "html": "<div class=\"kit-tabs\"><button class=\"active\">Notes</button><button>Components</button><button>Assets</button></div>",
+          "css": ".kit-tabs{display:inline-flex;gap:2px;border-radius:6px;background:#E8E6DC;padding:3px;font:13px Charter, Georgia, Palatino, \"Times New Roman\", serif;color:#141413}.kit-tabs button{border:0;border-radius:6px;background:transparent;color:inherit;padding:7px 10px}.kit-tabs .active{background:#FAF9F5;box-shadow:0 1px 2px rgba(0,0,0,.08)}"
+        },
+        "usage": "Use in document-like experiences where reading quality is the product. Use for equivalent sibling views. Do not use tabs as primary site navigation.",
+        "tailwind": {
+          "classes": [
+            "inline-flex",
+            "rounded-md",
+            "bg-muted",
+            "data-[state=active]:bg-background"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "tabs"
+          ],
+          "dependencies": [
+            "@radix-ui/react-tabs"
+          ]
+        }
+      },
+      "Table": {
+        "framework": "shadcn",
+        "style_system": "HTML table + Tailwind CSS",
+        "description": "Editorial paper component for structured records.",
+        "props": [
+          {
+            "name": "rows",
+            "type": "Array<Record<string, unknown>>",
+            "description": "Visible rows"
+          }
+        ],
+        "variants": [
+          "default",
+          "selectable",
+          "compact",
+          "loading"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "selected",
+          "empty",
+          "loading",
+          "error"
+        ],
+        "classes": [
+          "w-full",
+          "text-sm",
+          "border-separate",
+          "border-spacing-0",
+          "data-[selected=true]:bg-muted"
+        ],
+        "install": [
+          "npx shadcn@latest add table checkbox"
+        ],
+        "preview": {
+          "html": "<table class=\"kit-table\"><thead><tr><th>Name</th><th>Status</th></tr></thead><tbody><tr><td>Reference</td><td>Reviewed</td></tr></tbody></table>",
+          "css": ".kit-table{width:100%;border-collapse:collapse;font:13px Charter, Georgia, Palatino, \"Times New Roman\", serif;color:#141413;background:#FAF9F5}.kit-table th,.kit-table td{border-bottom:1px solid #E8E6DC;padding:10px;text-align:left}.kit-table th{color:#6B6A64;font-weight:700}"
+        },
+        "usage": "Use in document-like experiences where reading quality is the product. Provide loading, empty, error, populated, and edge states for every table.",
+        "tailwind": {
+          "classes": [
+            "w-full",
+            "text-sm",
+            "border-separate",
+            "border-spacing-0",
+            "data-[selected=true]:bg-muted"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "table"
+          ],
+          "dependencies": []
+        }
+      },
+      "Badge": {
+        "framework": "shadcn",
+        "style_system": "shadcn/ui + Tailwind CSS",
+        "description": "Editorial paper component for compact metadata.",
+        "props": [
+          {
+            "name": "variant",
+            "type": "default | secondary | outline | destructive | success | warning",
+            "description": "Semantic tone"
+          }
+        ],
+        "variants": [
+          "default",
+          "secondary",
+          "outline",
+          "success",
+          "warning",
+          "destructive"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "disabled"
+        ],
+        "classes": [
+          "inline-flex",
+          "rounded-md",
+          "px-2",
+          "py-0.5",
+          "text-xs",
+          "font-medium"
+        ],
+        "install": [
+          "npx shadcn@latest add badge"
+        ],
+        "preview": {
+          "html": "<div class=\"kit-badges\"><span>Reviewed</span><span class=\"warn\">Needs review</span></div>",
+          "css": ".kit-badges{display:flex;gap:6px}.kit-badges span{border-radius:6px;background:#E4ECF5;color:#1B365D;padding:3px 8px;font:600 12px Charter, Georgia, Palatino, \"Times New Roman\", serif}.kit-badges .warn{background:#FEF3C7;color:#9B6829}"
+        },
+        "usage": "Use in document-like experiences where reading quality is the product. Use for metadata, not primary actions. Prefer semantic color names over arbitrary colors.",
+        "tailwind": {
+          "classes": [
+            "inline-flex",
+            "rounded-md",
+            "px-2",
+            "py-0.5",
+            "text-xs",
+            "font-medium"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "badge"
+          ],
+          "dependencies": []
+        }
+      },
+      "Alert": {
+        "framework": "shadcn",
+        "style_system": "shadcn/ui + Tailwind CSS",
+        "description": "Editorial paper component for inline status and validation.",
+        "props": [
+          {
+            "name": "variant",
+            "type": "default | destructive | warning | success",
+            "description": "Alert tone"
+          }
+        ],
+        "variants": [
+          "default",
+          "info",
+          "success",
+          "warning",
+          "destructive"
+        ],
+        "states": [
+          "default",
+          "focus-visible",
+          "dismissible"
+        ],
+        "classes": [
+          "rounded-lg",
+          "border",
+          "p-4",
+          "text-sm"
+        ],
+        "install": [
+          "npx shadcn@latest add alert"
+        ],
+        "preview": {
+          "html": "<div class=\"kit-alert\"><strong>Missing citation</strong><p>Add a citation before publishing this section.</p></div>",
+          "css": ".kit-alert{border:1px solid #1B365D;border-radius:8px;background:#FAF9F5;color:#141413;padding:12px;font:14px Charter, Georgia, Palatino, \"Times New Roman\", serif}.kit-alert p{margin:4px 0 0;color:#6B6A64}"
+        },
+        "usage": "Use in document-like experiences where reading quality is the product. Use near the relevant task. Keep text actionable and specific.",
+        "tailwind": {
+          "classes": [
+            "rounded-lg",
+            "border",
+            "p-4",
+            "text-sm"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "alert"
+          ],
+          "dependencies": []
+        }
+      },
+      "Toast": {
+        "framework": "shadcn",
+        "style_system": "Sonner or shadcn Toast + Tailwind CSS",
+        "description": "Editorial paper component for non-blocking feedback.",
+        "props": [
+          {
+            "name": "type",
+            "type": "success | error | info",
+            "description": "Feedback tone"
+          }
+        ],
+        "variants": [
+          "success",
+          "error",
+          "info",
+          "loading"
+        ],
+        "states": [
+          "enter",
+          "visible",
+          "exit"
+        ],
+        "classes": [
+          "rounded-lg",
+          "border",
+          "bg-background",
+          "shadow-md"
+        ],
+        "dependencies": [
+          "sonner"
+        ],
+        "install": [
+          "npx shadcn@latest add sonner"
+        ],
+        "preview": {
+          "html": "<div class=\"kit-toast\"><strong>Saved</strong><span>Editorial draft saved.</span></div>",
+          "css": ".kit-toast{width:260px;border:1px solid #E8E6DC;border-radius:8px;background:#FAF9F5;color:#141413;padding:12px;box-shadow:0 4px 24px rgba(20,20,19,.05);font:13px Charter, Georgia, Palatino, \"Times New Roman\", serif}.kit-toast strong{display:block}.kit-toast span{color:#6B6A64}"
+        },
+        "usage": "Use in document-like experiences where reading quality is the product. Use for confirmation that does not require a decision. Do not hide errors that need correction.",
+        "tailwind": {
+          "classes": [
+            "rounded-lg",
+            "border",
+            "bg-background",
+            "shadow-md"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "toast"
+          ],
+          "dependencies": [
+            "sonner"
+          ]
+        }
+      }
+    },
+    "guidelines_markdown": "## Principles\n\n- Use warm parchment as the page canvas; avoid pure white and cool gray surfaces.\n- Let serif typography carry hierarchy; keep weights restrained and line-height print-like.\n- Use ink-blue as the only strong accent and keep it below roughly 5 percent of the surface.\n- Prefer hairline rules, table structure, notes, citations, and annotations over decorative cards.\n- Components must support document states: draft, reviewed, cited, exported, and archived.\n\n## Open Design Reference\n\nAdapted from `nexu-io/open-design/design-systems/kami/DESIGN.md`: warm parchment, ink-blue accent, serif-led hierarchy, multilingual document sensibility, and print-safe color restraint.",
+    "skill_markdown": "Use this design system for professional documents, editorial landing pages, course notes, white papers, portfolios, and slide support pages where the artifact should feel like high-quality paper rather than generic SaaS UI.",
+    "export_manifest": {
+      "seed": true,
+      "source": "bluekiwi-open-design-seeds",
+      "adapted_from": {
+        "project": "nexu-io/open-design",
+        "path": "design-systems/kami/DESIGN.md",
+        "license": "MIT"
+      },
+      "component_coverage": [
+        "Button",
+        "Input",
+        "Textarea",
+        "Select",
+        "Checkbox",
+        "RadioGroup",
+        "Switch",
+        "Card",
+        "Dialog",
+        "DropdownMenu",
+        "Tabs",
+        "Table",
+        "Badge",
+        "Alert",
+        "Toast"
+      ],
+      "formats": [
+        "design",
+        "skill",
+        "package",
+        "bundle",
+        "adapters"
+      ]
+    }
+  },
+  {
+    "title": "Dashboard Operations Dark",
+    "slug": "dashboard-operations-dark",
+    "description": "Dark modular operations system for analytics, incident response, monitoring, finance, security, and live operational dashboards, adapted from Open Design dashboard.",
+    "version": "1.0.0",
+    "category": "Dashboard",
+    "surface": "web",
+    "schema": {
+      "version": "1.0",
+      "mediums": [
+        "web",
+        "app"
+      ],
+      "archetype": "operations-dashboard-dark",
+      "supports": [
+        "react",
+        "tailwindcss",
+        "shadcn-ui",
+        "html-css",
+        "charts"
+      ],
+      "source_reference": {
+        "project": "nexu-io/open-design",
+        "path": "design-systems/dashboard/DESIGN.md",
+        "license": "MIT"
+      },
+      "entrypoints": {
+        "agent_document": "DESIGN.md",
+        "split_tokens": [
+          "tokens/colors.json",
+          "tokens/typography.json",
+          "tokens/components.json"
+        ],
+        "implementation": "adapters.json"
+      }
+    },
+    "tokens": {
+      "spacing": {
+        "1": 4,
+        "2": 8,
+        "3": 12,
+        "4": 16,
+        "5": 20,
+        "6": 24,
+        "8": 32,
+        "section": 40
+      },
+      "radius": {
+        "control": 8,
+        "card": 8,
+        "popover": 8,
+        "modal": 8
+      },
+      "shadow": {
+        "none": "none",
+        "sm": "0 1px 2px rgba(0,0,0,.06)",
+        "md": "0 16px 40px rgba(0,0,0,.35)"
+      },
+      "motion": {
+        "durationFast": "120ms",
+        "durationBase": "180ms",
+        "easingStandard": "cubic-bezier(.2,.8,.2,1)"
+      },
+      "layout": {
+        "sidebar": 280,
+        "contentMax": 1280,
+        "toolbar": 48
+      }
+    },
+    "color_tokens": {
+      "background": "#09090B",
+      "foreground": "#FAFAFA",
+      "card": "#111827",
+      "cardForeground": "#FAFAFA",
+      "popover": "#111827",
+      "popoverForeground": "#FAFAFA",
+      "primary": "#0C5CAB",
+      "primaryForeground": "#FFFFFF",
+      "secondary": "#172033",
+      "secondaryForeground": "#DDE7F3",
+      "muted": "#18181B",
+      "mutedForeground": "#A1A1AA",
+      "accent": "#10B981",
+      "accentForeground": "#04130D",
+      "destructive": "#EF4444",
+      "destructiveForeground": "#FFFFFF",
+      "border": "#27272A",
+      "input": "#3F3F46",
+      "ring": "#0C5CAB",
+      "success": "#10B981",
+      "warning": "#F59E0B",
+      "info": "#38BDF8",
+      "badgeBg": "#0B2F24",
+      "badgeText": "#7DD3A9",
+      "alertBg": "#101827"
+    },
+    "typography_tokens": {
+      "display": "IBM Plex Sans, Inter, system-ui, sans-serif",
+      "heading": "IBM Plex Sans, Inter, system-ui, sans-serif",
+      "body": "IBM Plex Sans, Inter, system-ui, sans-serif",
+      "label": "IBM Plex Sans, Inter, system-ui, sans-serif",
+      "caption": "IBM Plex Sans, Inter, system-ui, sans-serif",
+      "mono": "IBM Plex Mono, JetBrains Mono, ui-monospace, monospace",
+      "scale": {
+        "h1": "28px/1.15",
+        "h2": "22px/1.2",
+        "h3": "16px/1.35",
+        "body": "14px/1.55",
+        "caption": "12px/1.45"
+      }
+    },
+    "component_tokens": {
+      "Button": {
+        "framework": "shadcn",
+        "style_system": "shadcn/ui + Tailwind CSS",
+        "description": "Operational dashboard component for clear command actions.",
+        "props": [
+          {
+            "name": "variant",
+            "type": "default | secondary | outline | ghost | destructive",
+            "description": "Visual emphasis"
+          },
+          {
+            "name": "size",
+            "type": "sm | default | lg | icon",
+            "description": "Control density"
+          }
+        ],
+        "variants": [
+          "default",
+          "secondary",
+          "outline",
+          "ghost",
+          "destructive",
+          "icon"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "active",
+          "disabled",
+          "loading"
+        ],
+        "classes": [
+          "inline-flex",
+          "h-9",
+          "rounded-md",
+          "px-3",
+          "font-medium",
+          "focus-visible:ring-2"
+        ],
+        "dependencies": [
+          "@radix-ui/react-slot",
+          "class-variance-authority",
+          "lucide-react"
+        ],
+        "install": [
+          "npx shadcn@latest add button"
+        ],
+        "preview": {
+          "html": "<div class=\"kit-row\"><button class=\"kit-button\">Run incident scan</button><button class=\"kit-button kit-button-outline\">Cancel</button></div>",
+          "css": ".kit-row{display:flex;gap:8px;align-items:center}.kit-button{height:36px;border:1px solid #0C5CAB;border-radius:8px;background:#0C5CAB;color:#FFFFFF;padding:0 12px;font:600 14px IBM Plex Sans, Inter, system-ui, sans-serif}.kit-button-outline{background:#111827;color:#FAFAFA;border-color:#27272A}"
+        },
+        "react": "import { Button } from \"@/components/ui/button\";\n\nexport function IncidentActions() {\n  return <div className=\"flex gap-2\"><Button>Run incident scan</Button><Button variant=\"outline\">Acknowledge</Button></div>;\n}",
+        "usage": "Use in data-dense consoles where state, severity, and recency must be visible. Use one primary button per decision group. Use icon-only buttons only for familiar commands with accessible labels.",
+        "tailwind": {
+          "classes": [
+            "inline-flex",
+            "h-9",
+            "rounded-md",
+            "px-3",
+            "font-medium",
+            "focus-visible:ring-2"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--accent",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "button"
+          ],
+          "dependencies": [
+            "@radix-ui/react-slot",
+            "class-variance-authority",
+            "lucide-react"
+          ]
+        }
+      },
+      "Input": {
+        "framework": "shadcn",
+        "style_system": "shadcn/ui + Tailwind CSS",
+        "description": "Operational dashboard component for single-line fields.",
+        "props": [
+          {
+            "name": "aria-invalid",
+            "type": "boolean",
+            "description": "Marks invalid state"
+          },
+          {
+            "name": "placeholder",
+            "type": "string",
+            "description": "Short example value"
+          }
+        ],
+        "variants": [
+          "default",
+          "with-icon",
+          "invalid",
+          "readonly"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "disabled",
+          "error"
+        ],
+        "classes": [
+          "h-9",
+          "rounded-md",
+          "border",
+          "px-3",
+          "focus-visible:ring-2",
+          "aria-invalid:border-destructive"
+        ],
+        "install": [
+          "npx shadcn@latest add input label"
+        ],
+        "preview": {
+          "html": "<label class=\"kit-field\"><span>Metric source</span><input class=\"kit-input\" placeholder=\"api.latency.p95\" /></label>",
+          "css": ".kit-field{display:grid;gap:6px;font:600 13px IBM Plex Sans, Inter, system-ui, sans-serif;color:#FAFAFA}.kit-input{height:36px;border:1px solid #27272A;border-radius:8px;background:#111827;color:#FAFAFA;padding:0 10px;font:14px IBM Plex Sans, Inter, system-ui, sans-serif}"
+        },
+        "usage": "Use in data-dense consoles where state, severity, and recency must be visible. Always include a persistent label. Do not rely on placeholder text as the only label.",
+        "tailwind": {
+          "classes": [
+            "h-9",
+            "rounded-md",
+            "border",
+            "px-3",
+            "focus-visible:ring-2",
+            "aria-invalid:border-destructive"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--accent",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "input"
+          ],
+          "dependencies": []
+        }
+      },
+      "Textarea": {
+        "framework": "shadcn",
+        "style_system": "shadcn/ui + Tailwind CSS",
+        "description": "Operational dashboard component for long-form input.",
+        "props": [
+          {
+            "name": "rows",
+            "type": "number",
+            "description": "Default visible height"
+          }
+        ],
+        "variants": [
+          "default",
+          "invalid",
+          "monospace"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "disabled",
+          "error"
+        ],
+        "classes": [
+          "min-h-24",
+          "rounded-md",
+          "border",
+          "p-3",
+          "focus-visible:ring-2"
+        ],
+        "install": [
+          "npx shadcn@latest add textarea"
+        ],
+        "preview": {
+          "html": "<textarea class=\"kit-textarea\" placeholder=\"Operational context\"></textarea>",
+          "css": ".kit-textarea{width:100%;min-height:96px;border:1px solid #27272A;border-radius:8px;background:#111827;color:#FAFAFA;padding:10px 12px;font:14px/1.5 IBM Plex Sans, Inter, system-ui, sans-serif;resize:vertical}"
+        },
+        "usage": "Use in data-dense consoles where state, severity, and recency must be visible. Use for user-authored content. Keep code or machine values in monospace variant.",
+        "tailwind": {
+          "classes": [
+            "min-h-24",
+            "rounded-md",
+            "border",
+            "p-3",
+            "focus-visible:ring-2"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--accent",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "textarea"
+          ],
+          "dependencies": []
+        }
+      },
+      "Select": {
+        "framework": "shadcn",
+        "style_system": "Radix Select + Tailwind CSS",
+        "description": "Operational dashboard component for bounded choices.",
+        "props": [
+          {
+            "name": "options",
+            "type": "Array<{ label: string; value: string }>",
+            "description": "Available choices"
+          }
+        ],
+        "variants": [
+          "default",
+          "compact",
+          "invalid"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "open",
+          "disabled",
+          "error"
+        ],
+        "classes": [
+          "h-9",
+          "rounded-md",
+          "border",
+          "bg-background",
+          "data-[state=open]:ring-2"
+        ],
+        "dependencies": [
+          "@radix-ui/react-select"
+        ],
+        "install": [
+          "npx shadcn@latest add select"
+        ],
+        "preview": {
+          "html": "<button class=\"kit-select\">Last 24 hours <span>⌄</span></button>",
+          "css": ".kit-select{height:36px;min-width:180px;border:1px solid #27272A;border-radius:8px;background:#111827;color:#FAFAFA;padding:0 10px;display:flex;justify-content:space-between;align-items:center;font:14px IBM Plex Sans, Inter, system-ui, sans-serif}"
+        },
+        "usage": "Use in data-dense consoles where state, severity, and recency must be visible. Use when choices are known and fewer than about 20. Prefer search/combobox for long lists.",
+        "tailwind": {
+          "classes": [
+            "h-9",
+            "rounded-md",
+            "border",
+            "bg-background",
+            "data-[state=open]:ring-2"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--accent",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "select"
+          ],
+          "dependencies": [
+            "@radix-ui/react-select"
+          ]
+        }
+      },
+      "Checkbox": {
+        "framework": "shadcn",
+        "style_system": "Radix Checkbox + Tailwind CSS",
+        "description": "Operational dashboard component for independent options.",
+        "props": [
+          {
+            "name": "checked",
+            "type": "boolean | indeterminate",
+            "description": "Current check state"
+          }
+        ],
+        "variants": [
+          "default",
+          "indeterminate",
+          "invalid"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "checked",
+          "indeterminate",
+          "disabled",
+          "error"
+        ],
+        "classes": [
+          "size-4",
+          "rounded-sm",
+          "border",
+          "data-[state=checked]:bg-primary"
+        ],
+        "dependencies": [
+          "@radix-ui/react-checkbox"
+        ],
+        "install": [
+          "npx shadcn@latest add checkbox"
+        ],
+        "preview": {
+          "html": "<label class=\"kit-check\"><span class=\"kit-checkbox\">✓</span><span>Show degraded services</span></label>",
+          "css": ".kit-check{display:flex;gap:8px;align-items:center;font:14px IBM Plex Sans, Inter, system-ui, sans-serif;color:#FAFAFA}.kit-checkbox{width:16px;height:16px;border-radius:4px;background:#0C5CAB;color:#FFFFFF;display:grid;place-items:center;font-size:11px}"
+        },
+        "usage": "Use in data-dense consoles where state, severity, and recency must be visible. Use for independent selections. Do not use checkboxes for mutually exclusive choices.",
+        "tailwind": {
+          "classes": [
+            "size-4",
+            "rounded-sm",
+            "border",
+            "data-[state=checked]:bg-primary"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--accent",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "checkbox"
+          ],
+          "dependencies": [
+            "@radix-ui/react-checkbox"
+          ]
+        }
+      },
+      "RadioGroup": {
+        "framework": "shadcn",
+        "style_system": "Radix Radio Group + Tailwind CSS",
+        "description": "Operational dashboard component for exclusive choices.",
+        "props": [
+          {
+            "name": "value",
+            "type": "string",
+            "description": "Selected option"
+          }
+        ],
+        "variants": [
+          "default",
+          "card",
+          "segmented"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "checked",
+          "disabled",
+          "error"
+        ],
+        "classes": [
+          "grid",
+          "gap-2",
+          "data-[state=checked]:border-primary"
+        ],
+        "dependencies": [
+          "@radix-ui/react-radio-group"
+        ],
+        "install": [
+          "npx shadcn@latest add radio-group"
+        ],
+        "preview": {
+          "html": "<div class=\"kit-radio-group\"><label><span class=\"kit-radio-dot\"></span> Incident view</label><label><span></span> Compare</label></div>",
+          "css": ".kit-radio-group{display:grid;gap:8px;font:14px IBM Plex Sans, Inter, system-ui, sans-serif;color:#FAFAFA}.kit-radio-group label{display:flex;gap:8px;align-items:center}.kit-radio-group span{width:16px;height:16px;border:1px solid #27272A;border-radius:999px}.kit-radio-dot{border:5px solid #0C5CAB!important}"
+        },
+        "usage": "Use in data-dense consoles where state, severity, and recency must be visible. Use when exactly one choice must be selected. Show the recommended option first when appropriate.",
+        "tailwind": {
+          "classes": [
+            "grid",
+            "gap-2",
+            "data-[state=checked]:border-primary"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--accent",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "radio-group"
+          ],
+          "dependencies": [
+            "@radix-ui/react-radio-group"
+          ]
+        }
+      },
+      "Switch": {
+        "framework": "shadcn",
+        "style_system": "Radix Switch + Tailwind CSS",
+        "description": "Operational dashboard component for immediate preferences.",
+        "props": [
+          {
+            "name": "checked",
+            "type": "boolean",
+            "description": "Current toggle state"
+          }
+        ],
+        "variants": [
+          "default",
+          "danger"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "checked",
+          "disabled"
+        ],
+        "classes": [
+          "h-5",
+          "w-9",
+          "rounded-full",
+          "data-[state=checked]:bg-primary"
+        ],
+        "dependencies": [
+          "@radix-ui/react-switch"
+        ],
+        "install": [
+          "npx shadcn@latest add switch"
+        ],
+        "preview": {
+          "html": "<label class=\"kit-switch-row\"><span>Live refresh</span><span class=\"kit-switch\"><i></i></span></label>",
+          "css": ".kit-switch-row{display:flex;justify-content:space-between;align-items:center;font:14px IBM Plex Sans, Inter, system-ui, sans-serif;color:#FAFAFA}.kit-switch{width:36px;height:20px;border-radius:999px;background:#0C5CAB;padding:2px}.kit-switch i{display:block;width:16px;height:16px;border-radius:50%;background:#FFFFFF;margin-left:16px}"
+        },
+        "usage": "Use in data-dense consoles where state, severity, and recency must be visible. Use only for settings that apply immediately. Use checkbox when submit/confirm is required.",
+        "tailwind": {
+          "classes": [
+            "h-5",
+            "w-9",
+            "rounded-full",
+            "data-[state=checked]:bg-primary"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--accent",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "switch"
+          ],
+          "dependencies": [
+            "@radix-ui/react-switch"
+          ]
+        }
+      },
+      "Card": {
+        "framework": "shadcn",
+        "style_system": "shadcn/ui + Tailwind CSS",
+        "description": "Operational dashboard component for repeated content groups.",
+        "props": [
+          {
+            "name": "title",
+            "type": "string",
+            "description": "Card heading"
+          }
+        ],
+        "variants": [
+          "default",
+          "interactive",
+          "selected",
+          "warning"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "selected",
+          "disabled",
+          "loading"
+        ],
+        "classes": [
+          "rounded-lg",
+          "border",
+          "bg-card",
+          "p-4",
+          "shadow-sm"
+        ],
+        "install": [
+          "npx shadcn@latest add card"
+        ],
+        "preview": {
+          "html": "<article class=\"kit-card\"><h3>Pipeline health</h3><p>KPI strip · event feed · retention grid · live alerts</p></article>",
+          "css": ".kit-card{border:1px solid #27272A;border-radius:8px;background:#111827;padding:16px;font:14px IBM Plex Sans, Inter, system-ui, sans-serif;color:#FAFAFA}.kit-card h3{margin:0 0 4px;font-size:16px}.kit-card p{margin:0;color:#A1A1AA}"
+        },
+        "usage": "Use in data-dense consoles where state, severity, and recency must be visible. Use for repeated items and compact summaries. Avoid nesting cards inside cards.",
+        "tailwind": {
+          "classes": [
+            "rounded-lg",
+            "border",
+            "bg-card",
+            "p-4",
+            "shadow-sm"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--accent",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "card"
+          ],
+          "dependencies": []
+        }
+      },
+      "Dialog": {
+        "framework": "shadcn",
+        "style_system": "Radix Dialog + Tailwind CSS",
+        "description": "Operational dashboard component for focused blocking decisions.",
+        "props": [
+          {
+            "name": "open",
+            "type": "boolean",
+            "description": "Dialog visibility"
+          }
+        ],
+        "variants": [
+          "default",
+          "confirm",
+          "fullscreen"
+        ],
+        "states": [
+          "closed",
+          "opening",
+          "open",
+          "closing"
+        ],
+        "classes": [
+          "fixed",
+          "rounded-lg",
+          "border",
+          "bg-background",
+          "shadow-lg"
+        ],
+        "dependencies": [
+          "@radix-ui/react-dialog"
+        ],
+        "install": [
+          "npx shadcn@latest add dialog"
+        ],
+        "preview": {
+          "html": "<section class=\"kit-dialog\"><h3>Escalate alert?</h3><p>This action notifies the incident channel and records an audit event.</p><button>Continue</button></section>",
+          "css": ".kit-dialog{width:320px;border:1px solid #27272A;border-radius:8px;background:#111827;color:#FAFAFA;padding:18px;font:14px IBM Plex Sans, Inter, system-ui, sans-serif;box-shadow:0 16px 40px rgba(0,0,0,.35)}.kit-dialog h3{margin:0 0 6px}.kit-dialog p{color:#A1A1AA}.kit-dialog button{height:34px;border:0;border-radius:8px;background:#0C5CAB;color:#FFFFFF;padding:0 12px}"
+        },
+        "usage": "Use in data-dense consoles where state, severity, and recency must be visible. Use for blocking decisions. Keep destructive confirmations explicit and reversible where possible.",
+        "tailwind": {
+          "classes": [
+            "fixed",
+            "rounded-lg",
+            "border",
+            "bg-background",
+            "shadow-lg"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--accent",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "dialog"
+          ],
+          "dependencies": [
+            "@radix-ui/react-dialog"
+          ]
+        }
+      },
+      "DropdownMenu": {
+        "framework": "shadcn",
+        "style_system": "Radix Dropdown Menu + Tailwind CSS",
+        "description": "Operational dashboard component for secondary contextual actions.",
+        "props": [
+          {
+            "name": "items",
+            "type": "Array<MenuItem>",
+            "description": "Menu actions"
+          }
+        ],
+        "variants": [
+          "default",
+          "with-icons",
+          "danger-zone"
+        ],
+        "states": [
+          "closed",
+          "open",
+          "hover",
+          "focus-visible",
+          "disabled"
+        ],
+        "classes": [
+          "min-w-40",
+          "rounded-md",
+          "border",
+          "bg-popover",
+          "p-1"
+        ],
+        "dependencies": [
+          "@radix-ui/react-dropdown-menu",
+          "lucide-react"
+        ],
+        "install": [
+          "npx shadcn@latest add dropdown-menu"
+        ],
+        "preview": {
+          "html": "<div class=\"kit-menu\"><button>Acknowledge</button><button>Export</button><button class=\"danger\">Delete</button></div>",
+          "css": ".kit-menu{width:180px;border:1px solid #27272A;border-radius:8px;background:#111827;padding:4px;font:14px IBM Plex Sans, Inter, system-ui, sans-serif;color:#FAFAFA}.kit-menu button{display:block;width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:8px;border-radius:8px}.kit-menu .danger{color:#dc2626}"
+        },
+        "usage": "Use in data-dense consoles where state, severity, and recency must be visible. Use for secondary actions. Keep primary actions visible instead of hiding them in a menu.",
+        "tailwind": {
+          "classes": [
+            "min-w-40",
+            "rounded-md",
+            "border",
+            "bg-popover",
+            "p-1"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--accent",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "dropdown-menu"
+          ],
+          "dependencies": [
+            "@radix-ui/react-dropdown-menu",
+            "lucide-react"
+          ]
+        }
+      },
+      "Tabs": {
+        "framework": "shadcn",
+        "style_system": "Radix Tabs + Tailwind CSS",
+        "description": "Operational dashboard component for peer views in one context.",
+        "props": [
+          {
+            "name": "defaultValue",
+            "type": "string",
+            "description": "Initial active tab"
+          }
+        ],
+        "variants": [
+          "default",
+          "compact",
+          "underline"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "active",
+          "disabled"
+        ],
+        "classes": [
+          "inline-flex",
+          "rounded-md",
+          "bg-muted",
+          "data-[state=active]:bg-background"
+        ],
+        "dependencies": [
+          "@radix-ui/react-tabs"
+        ],
+        "install": [
+          "npx shadcn@latest add tabs"
+        ],
+        "preview": {
+          "html": "<div class=\"kit-tabs\"><button class=\"active\">Services</button><button>Components</button><button>Assets</button></div>",
+          "css": ".kit-tabs{display:inline-flex;gap:2px;border-radius:8px;background:#18181B;padding:3px;font:13px IBM Plex Sans, Inter, system-ui, sans-serif;color:#FAFAFA}.kit-tabs button{border:0;border-radius:8px;background:transparent;color:inherit;padding:7px 10px}.kit-tabs .active{background:#111827;box-shadow:0 1px 2px rgba(0,0,0,.08)}"
+        },
+        "usage": "Use in data-dense consoles where state, severity, and recency must be visible. Use for equivalent sibling views. Do not use tabs as primary site navigation.",
+        "tailwind": {
+          "classes": [
+            "inline-flex",
+            "rounded-md",
+            "bg-muted",
+            "data-[state=active]:bg-background"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--accent",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "tabs"
+          ],
+          "dependencies": [
+            "@radix-ui/react-tabs"
+          ]
+        }
+      },
+      "Table": {
+        "framework": "shadcn",
+        "style_system": "HTML table + Tailwind CSS",
+        "description": "Operational dashboard component for structured records.",
+        "props": [
+          {
+            "name": "rows",
+            "type": "Array<Record<string, unknown>>",
+            "description": "Visible rows"
+          }
+        ],
+        "variants": [
+          "default",
+          "selectable",
+          "compact",
+          "loading"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "selected",
+          "empty",
+          "loading",
+          "error"
+        ],
+        "classes": [
+          "w-full",
+          "text-sm",
+          "border-separate",
+          "border-spacing-0",
+          "data-[selected=true]:bg-muted"
+        ],
+        "install": [
+          "npx shadcn@latest add table checkbox"
+        ],
+        "preview": {
+          "html": "<table class=\"kit-table\"><thead><tr><th>Name</th><th>Status</th></tr></thead><tbody><tr><td>Auth API</td><td>Healthy</td></tr></tbody></table>",
+          "css": ".kit-table{width:100%;border-collapse:collapse;font:13px IBM Plex Sans, Inter, system-ui, sans-serif;color:#FAFAFA;background:#111827}.kit-table th,.kit-table td{border-bottom:1px solid #27272A;padding:10px;text-align:left}.kit-table th{color:#A1A1AA;font-weight:700}"
+        },
+        "usage": "Use in data-dense consoles where state, severity, and recency must be visible. Provide loading, empty, error, populated, and edge states for every table.",
+        "tailwind": {
+          "classes": [
+            "w-full",
+            "text-sm",
+            "border-separate",
+            "border-spacing-0",
+            "data-[selected=true]:bg-muted"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--accent",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "table"
+          ],
+          "dependencies": []
+        }
+      },
+      "Badge": {
+        "framework": "shadcn",
+        "style_system": "shadcn/ui + Tailwind CSS",
+        "description": "Operational dashboard component for compact metadata.",
+        "props": [
+          {
+            "name": "variant",
+            "type": "default | secondary | outline | destructive | success | warning",
+            "description": "Semantic tone"
+          }
+        ],
+        "variants": [
+          "default",
+          "secondary",
+          "outline",
+          "success",
+          "warning",
+          "destructive"
+        ],
+        "states": [
+          "default",
+          "hover",
+          "focus-visible",
+          "disabled"
+        ],
+        "classes": [
+          "inline-flex",
+          "rounded-md",
+          "px-2",
+          "py-0.5",
+          "text-xs",
+          "font-medium"
+        ],
+        "install": [
+          "npx shadcn@latest add badge"
+        ],
+        "preview": {
+          "html": "<div class=\"kit-badges\"><span>Healthy</span><span class=\"warn\">Needs review</span></div>",
+          "css": ".kit-badges{display:flex;gap:6px}.kit-badges span{border-radius:8px;background:#0B2F24;color:#7DD3A9;padding:3px 8px;font:600 12px IBM Plex Sans, Inter, system-ui, sans-serif}.kit-badges .warn{background:#FEF3C7;color:#F59E0B}"
+        },
+        "usage": "Use in data-dense consoles where state, severity, and recency must be visible. Use for metadata, not primary actions. Prefer semantic color names over arbitrary colors.",
+        "tailwind": {
+          "classes": [
+            "inline-flex",
+            "rounded-md",
+            "px-2",
+            "py-0.5",
+            "text-xs",
+            "font-medium"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--accent",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "badge"
+          ],
+          "dependencies": []
+        }
+      },
+      "Alert": {
+        "framework": "shadcn",
+        "style_system": "shadcn/ui + Tailwind CSS",
+        "description": "Operational dashboard component for inline status and validation.",
+        "props": [
+          {
+            "name": "variant",
+            "type": "default | destructive | warning | success",
+            "description": "Alert tone"
+          }
+        ],
+        "variants": [
+          "default",
+          "info",
+          "success",
+          "warning",
+          "destructive"
+        ],
+        "states": [
+          "default",
+          "focus-visible",
+          "dismissible"
+        ],
+        "classes": [
+          "rounded-lg",
+          "border",
+          "p-4",
+          "text-sm"
+        ],
+        "install": [
+          "npx shadcn@latest add alert"
+        ],
+        "preview": {
+          "html": "<div class=\"kit-alert\"><strong>Latency spike</strong><p>p95 latency is above threshold in us-east-1.</p></div>",
+          "css": ".kit-alert{border:1px solid #0C5CAB;border-radius:8px;background:#101827;color:#FAFAFA;padding:12px;font:14px IBM Plex Sans, Inter, system-ui, sans-serif}.kit-alert p{margin:4px 0 0;color:#A1A1AA}"
+        },
+        "usage": "Use in data-dense consoles where state, severity, and recency must be visible. Use near the relevant task. Keep text actionable and specific.",
+        "tailwind": {
+          "classes": [
+            "rounded-lg",
+            "border",
+            "p-4",
+            "text-sm"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--accent",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "alert"
+          ],
+          "dependencies": []
+        }
+      },
+      "Toast": {
+        "framework": "shadcn",
+        "style_system": "Sonner or shadcn Toast + Tailwind CSS",
+        "description": "Operational dashboard component for non-blocking feedback.",
+        "props": [
+          {
+            "name": "type",
+            "type": "success | error | info",
+            "description": "Feedback tone"
+          }
+        ],
+        "variants": [
+          "success",
+          "error",
+          "info",
+          "loading"
+        ],
+        "states": [
+          "enter",
+          "visible",
+          "exit"
+        ],
+        "classes": [
+          "rounded-lg",
+          "border",
+          "bg-background",
+          "shadow-md"
+        ],
+        "dependencies": [
+          "sonner"
+        ],
+        "install": [
+          "npx shadcn@latest add sonner"
+        ],
+        "preview": {
+          "html": "<div class=\"kit-toast\"><strong>Alert acknowledged</strong><span>Incident timeline updated.</span></div>",
+          "css": ".kit-toast{width:260px;border:1px solid #27272A;border-radius:8px;background:#111827;color:#FAFAFA;padding:12px;box-shadow:0 16px 40px rgba(0,0,0,.35);font:13px IBM Plex Sans, Inter, system-ui, sans-serif}.kit-toast strong{display:block}.kit-toast span{color:#A1A1AA}"
+        },
+        "usage": "Use in data-dense consoles where state, severity, and recency must be visible. Use for confirmation that does not require a decision. Do not hide errors that need correction.",
+        "tailwind": {
+          "classes": [
+            "rounded-lg",
+            "border",
+            "bg-background",
+            "shadow-md"
+          ],
+          "theme_tokens": [
+            "--background",
+            "--foreground",
+            "--card",
+            "--primary",
+            "--accent",
+            "--border",
+            "--ring"
+          ]
+        },
+        "shadcn": {
+          "registry_items": [
+            "toast"
+          ],
+          "dependencies": [
+            "sonner"
+          ]
+        }
+      }
+    },
+    "guidelines_markdown": "## Principles\n\n- Prioritize operational clarity: status, severity, recency, trend, owner, and next action.\n- Use dark surfaces to reduce dashboard glare, but keep contrast measurable and labels readable.\n- Reserve blue for navigation/primary commands and green for healthy/success signals.\n- Every chart, table, and feed needs loading, empty, stale, error, and degraded states.\n- Keep the interface dense, aligned, and scannable; avoid decorative dashboard chrome.\n\n## Open Design Reference\n\nAdapted from `nexu-io/open-design/design-systems/dashboard/DESIGN.md`: dark cloud-platform dashboard language, modular grids, strong data hierarchy, and explicit interaction states.",
+    "skill_markdown": "Use this design system for analytics dashboards, monitoring consoles, finance and security operations, incident review rooms, and live control panels where dense status interpretation matters.",
+    "export_manifest": {
+      "seed": true,
+      "source": "bluekiwi-open-design-seeds",
+      "adapted_from": {
+        "project": "nexu-io/open-design",
+        "path": "design-systems/dashboard/DESIGN.md",
+        "license": "MIT"
+      },
+      "component_coverage": [
+        "Button",
+        "Input",
+        "Textarea",
+        "Select",
+        "Checkbox",
+        "RadioGroup",
+        "Switch",
+        "Card",
+        "Dialog",
+        "DropdownMenu",
+        "Tabs",
+        "Table",
+        "Badge",
+        "Alert",
+        "Toast"
+      ],
+      "formats": [
+        "design",
+        "skill",
+        "package",
+        "bundle",
+        "adapters"
+      ]
+    }
+  }
+]