@ncds/ui-admin-mcp 1.6.4-alpha.2

package/data/tooltip.json

@@ -0,0 +1,148 @@
+{
+  "name": "tooltip",
+  "description": "NCDS Tooltip 컴포넌트",
+  "aliases": [],
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false
+    },
+    "content": {
+      "type": "string",
+      "required": false
+    },
+    "hideArrow": {
+      "type": "string",
+      "required": false,
+      "default": false
+    },
+    "iconColor": {
+      "type": "string",
+      "required": false,
+      "default": "var(--gray-300)"
+    },
+    "iconStyle": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "alert-circle",
+        "help-circle"
+      ],
+      "default": "help-circle"
+    },
+    "iconType": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "fill",
+        "stroke"
+      ],
+      "default": "stroke"
+    },
+    "position": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "auto",
+        "bottom",
+        "bottom-left",
+        "bottom-right",
+        "left",
+        "right",
+        "top",
+        "top-left",
+        "top-right"
+      ],
+      "default": "auto"
+    },
+    "size": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "md",
+        "sm"
+      ],
+      "default": "sm"
+    },
+    "title": {
+      "type": "string",
+      "required": false
+    },
+    "tooltipType": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "black",
+        "white"
+      ],
+      "default": "black"
+    },
+    "type": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "long",
+        "short"
+      ],
+      "default": "short"
+    }
+  },
+  "html": {
+    "default": "<span class=\"ncua-tooltip ncua-tooltip--sm ncua-tooltip--short ncua-tooltip--stroke ncua-tooltip--auto\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"none\" color=\"var(--gray-300)\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3m.08 4h.01M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10\"></path></svg><span class=\"ncua-tooltip__bg ncua-tooltip__bg--black ncua-tooltip__bg--bottom\"><span class=\"ncua-tooltip__content\">툴팁 내용</span></span></span>"
+  },
+  "bemClasses": [
+    "ncua-tooltip",
+    "ncua-tooltip--alert-circle",
+    "ncua-tooltip--auto",
+    "ncua-tooltip--black",
+    "ncua-tooltip--bottom",
+    "ncua-tooltip--bottom-left",
+    "ncua-tooltip--bottom-right",
+    "ncua-tooltip--fill",
+    "ncua-tooltip--help-circle",
+    "ncua-tooltip--hidden-arrow",
+    "ncua-tooltip--left",
+    "ncua-tooltip--long",
+    "ncua-tooltip--md",
+    "ncua-tooltip--right",
+    "ncua-tooltip--short",
+    "ncua-tooltip--sm",
+    "ncua-tooltip--stroke",
+    "ncua-tooltip--top",
+    "ncua-tooltip--top-left",
+    "ncua-tooltip--top-right",
+    "ncua-tooltip--white",
+    "ncua-tooltip__bg",
+    "ncua-tooltip__bg--force-hidden",
+    "ncua-tooltip__bg--measuring",
+    "ncua-tooltip__bg--visible",
+    "ncua-tooltip__close-button",
+    "ncua-tooltip__content",
+    "ncua-tooltip__title"
+  ],
+  "usage": {
+    "import": "import { Tooltip } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<Tooltip />",
+      "iconStyle:alert-circle": "<Tooltip iconStyle=\"alert-circle\" />",
+      "iconStyle:help-circle": "<Tooltip iconStyle=\"help-circle\" />",
+      "iconType:fill": "<Tooltip iconType=\"fill\" />",
+      "iconType:stroke": "<Tooltip iconType=\"stroke\" />",
+      "position:auto": "<Tooltip position=\"auto\" />",
+      "position:bottom": "<Tooltip position=\"bottom\" />",
+      "position:bottom-left": "<Tooltip position=\"bottom-left\" />",
+      "position:bottom-right": "<Tooltip position=\"bottom-right\" />",
+      "position:left": "<Tooltip position=\"left\" />",
+      "position:right": "<Tooltip position=\"right\" />",
+      "position:top": "<Tooltip position=\"top\" />",
+      "position:top-left": "<Tooltip position=\"top-left\" />",
+      "position:top-right": "<Tooltip position=\"top-right\" />",
+      "size:md": "<Tooltip size=\"md\" />",
+      "size:sm": "<Tooltip size=\"sm\" />",
+      "tooltipType:black": "<Tooltip tooltipType=\"black\" />",
+      "tooltipType:white": "<Tooltip tooltipType=\"white\" />",
+      "type:long": "<Tooltip type=\"long\" />",
+      "type:short": "<Tooltip type=\"short\" />"
+    }
+  }
+}

package/data/vertical-tab.json

@@ -0,0 +1,71 @@
+{
+  "name": "vertical-tab",
+  "description": "NCDS Vertical Tab 컴포넌트",
+  "aliases": [],
+  "props": {
+    "activeTab": {
+      "type": "string",
+      "required": false
+    },
+    "breakPoint": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "mobile",
+        "pc"
+      ],
+      "default": "pc"
+    },
+    "menus": {
+      "type": "string",
+      "required": false,
+      "default": "[]"
+    },
+    "onSelect": {
+      "type": "string",
+      "required": false
+    },
+    "type": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "button-primary",
+        "button-white",
+        "line-vertical"
+      ],
+      "default": "button-primary"
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-horizontal-tab\"></div>",
+    "breakPoint:mobile": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--mobile\"></div>",
+    "breakPoint:pc": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--pc\"></div>",
+    "type:button-primary": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--button-primary\"></div>",
+    "type:button-white": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--button-white\"></div>",
+    "type:line-vertical": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--line-vertical\"></div>"
+  },
+  "bemClasses": [
+    "ncua-horizontal-tab",
+    "ncua-horizontal-tab--button-primary",
+    "ncua-horizontal-tab--button-white",
+    "ncua-horizontal-tab--fullWidth",
+    "ncua-horizontal-tab--line-vertical",
+    "ncua-horizontal-tab--mobile",
+    "ncua-horizontal-tab--pc",
+    "ncua-horizontal-tab__item",
+    "ncua-tab-button",
+    "ncua-tab-close",
+    "ncua-vertical-tab"
+  ],
+  "usage": {
+    "import": "import { VerticalTab } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<VerticalTab />",
+      "breakPoint:mobile": "<VerticalTab breakPoint=\"mobile\" />",
+      "breakPoint:pc": "<VerticalTab breakPoint=\"pc\" />",
+      "type:button-primary": "<VerticalTab type=\"button-primary\" />",
+      "type:button-white": "<VerticalTab type=\"button-white\" />",
+      "type:line-vertical": "<VerticalTab type=\"line-vertical\" />"
+    }
+  }
+}

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@ncds/ui-admin-mcp",
+  "version": "1.6.4-alpha.2",
+  "description": "NCDS UI Admin MCP 서버 — AI 에이전트가 NCUA 컴포넌트를 조회하고 HTML을 검증할 수 있는 MCP 서버",
+  "bin": {
+    "ncua-mcp": "./bin/server.mjs"
+  },
+  "files": [
+    "bin",
+    "data",
+    "templates",
+    "package.json",
+    "README.md"
+  ],
+  "engines": {
+    "node": ">=20"
+  },
+  "scripts": {
+    "publish:npm": "npm publish --access=public"
+  },
+  "keywords": [
+    "ncds",
+    "nhn-commerce",
+    "design-system",
+    "mcp",
+    "model-context-protocol"
+  ],
+  "license": "MIT",
+  "private": false,
+  "dependencies": {
+    "@modelcontextprotocol/sdk": "^1.27.1",
+    "node-html-parser": "^7.1.0",
+    "zod": "^4.3.6"
+  }
+}

package/templates/.mcp.json.example

@@ -0,0 +1,8 @@
+{
+  "mcpServers": {
+    "ncds-ui-admin": {
+      "command": "node",
+      "args": ["./node_modules/@ncds/ui-admin/mcp/bin/server.mjs"]
+    }
+  }
+}

package/templates/README.md

@@ -0,0 +1,31 @@
+# NCUA MCP 서버 설정 템플릿
+
+## 빠른 시작
+
+프로젝트 루트에 `.mcp.json` 파일을 생성하고 아래 내용을 추가합니다.
+
+```json
+{
+  "mcpServers": {
+    "ncds-ui-admin": {
+      "command": "node",
+      "args": ["./node_modules/@ncds/ui-admin/mcp/bin/server.mjs"]
+    }
+  }
+}
+```
+
+또는 이 디렉토리의 `.mcp.json.example` 파일을 프로젝트 루트로 복사합니다.
+
+```bash
+cp node_modules/@ncds/ui-admin/mcp/templates/.mcp.json.example .mcp.json
+```
+
+## 요구사항
+
+- Node.js 20 이상
+- `@ncds/ui-admin` 설치 완료
+
+## 확인 방법
+
+설정 후 Claude Desktop 또는 Claude Code를 재시작하면 `ncds-ui-admin` MCP 서버가 자동으로 인식됩니다.