@framingui/mcp-server 0.5.0

package/dist/cli/agent-md-templates.js

@@ -0,0 +1,311 @@
+/**
+ * Agent guidance templates for CLAUDE.md and AGENTS.md
+ * Provides framework-specific Tekton workflow instructions
+ */
+/**
+ * Generate CLAUDE.md section for Claude Code
+ * (Claude Code-specific patterns and MCP integration)
+ */
+export function generateClaudeMdSection(framework) {
+    const importPath = framework === 'nextjs' ? 'app/page.tsx' : 'src/App.tsx';
+    return `
+## FramingUI Workflow (Claude Code)
+
+### MCP Server Connection
+
+Tekton MCP server is configured in \`.mcp.json\`. Claude Code automatically loads 15 tools for screen generation.
+
+### Authentication (Step 1)
+
+Before generating any screens, authenticate:
+
+\`\`\`bash
+tekton-mcp login
+\`\`\`
+
+**Important:** All 6 themes require authentication. No free themes are available.
+
+### Screen Generation Workflow (3 Steps)
+
+**Step 1/3:** Gather Context
+- Call \`get-screen-generation-context\` with user's screen description
+- Receive template matches, component suggestions with inline props/variants, and schema
+
+**Step 2/3:** Validate Definition
+- Generate Screen Definition JSON based on context
+- Call \`validate-screen-definition\` to verify structure
+- Apply autoFixPatches or fix any errors before proceeding
+
+**After Validation:** Write React Code Directly
+- Use components and import statements from Step 1 context
+- Apply theme recipes via variant props
+
+**Step 3/3:** Validate Environment (Optional)
+- Call \`validate-environment\` with project path and required packages
+- Verify Tailwind CSS configuration
+- Show user install commands for missing packages
+
+### Component Usage Example
+
+\`\`\`tsx
+// ${importPath}
+import { Button, Card, CardHeader, CardTitle, CardContent } from '@framingui/ui';
+
+export default function Page() {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Welcome to Tekton</CardTitle>
+      </CardHeader>
+      <CardContent>
+        <Button variant="default" size="lg">Get Started</Button>
+      </CardContent>
+    </Card>
+  );
+}
+\`\`\`
+
+### Available Tools
+
+**Discovery (6 tools):**
+- \`list-themes\` - List 6 available themes
+- \`preview-theme\` - Get theme design tokens
+- \`list-components\` - List 30+ UI components
+- \`preview-component\` - Get component props and variants
+- \`list-screen-templates\` - List 13 screen templates
+- \`preview-screen-template\` - Get template structure
+
+**Screen Generation (3 tools):**
+- \`get-screen-generation-context\` - Step 1/3
+- \`validate-screen-definition\` - Step 2/3
+- \`validate-environment\` - Step 3/3 (Optional)
+
+**Quick Prototyping (3 tools):**
+- \`generate-blueprint\` - Quick UI structure
+- \`export-screen\` - Export to JSX/TSX/Vue
+- \`list_tokens\` - List layout tokens
+
+**Icon Libraries (2 tools):**
+- \`list-icon-libraries\` - List available icon libraries
+- \`preview-icon-library\` - Preview icon library
+
+**Additional:**
+- \`validate_screen\` - Simple validation (use \`validate-screen-definition\` for production)
+
+### MCP Prompts (Universal Guidance)
+
+Claude Code can access built-in prompts for guidance:
+
+- \`getting-started\` - Authentication → Theme → Components → Screen generation
+- \`screen-workflow\` - Detailed 3-step workflow with troubleshooting
+
+These prompts work across all MCP clients, not just Claude Code.
+
+### Common Mistakes to Avoid
+
+1. ❌ Skipping authentication before generating screens
+2. ❌ Using non-existent theme IDs (only 6 exist)
+3. ❌ Skipping validate-screen-definition step
+4. ❌ Delivering code without verifying Tailwind config
+
+### Troubleshooting
+
+**Authentication issues:**
+- Run \`tekton-mcp status\` to check authentication
+- Run \`tekton-mcp login\` to re-authenticate
+
+**Missing styles:**
+- Run \`validate-environment\` to check Tailwind config
+- Verify \`@framingui/ui\` content paths are included
+- Check \`tailwindcss-animate\` plugin is configured
+
+**Component not found:**
+- Use \`list-components\` to verify component exists
+- Use \`preview-component\` to check correct component ID
+`;
+}
+/**
+ * Generate AGENTS.md section for generic AI agents
+ * (Platform-agnostic guidance for OpenAI Codex, Cursor, Windsurf, etc.)
+ */
+export function generateAgentsMdSection(framework) {
+    const importPath = framework === 'nextjs' ? 'app/page.tsx' : 'src/App.tsx';
+    return `
+## FramingUI Workflow (AI Agents)
+
+### Overview
+
+Tekton MCP server provides 15 tools for screen generation via Model Context Protocol (MCP). This guide is for AI agents on platforms like OpenAI Codex, Cursor, Windsurf, and other MCP-compatible clients.
+
+### Prerequisites
+
+1. **MCP Server Running:** Ensure \`@framingui/mcp-server\` is running and connected
+2. **Authentication:** User must run \`tekton-mcp login\` before generating screens
+3. **Project Setup:** \`@framingui/ui\` and \`tailwindcss-animate\` must be installed
+
+### Required Authentication Flow
+
+**Step 1:** Check authentication status
+\`\`\`bash
+tekton-mcp status
+\`\`\`
+
+**Step 2:** If not authenticated, instruct user:
+\`\`\`bash
+tekton-mcp login
+\`\`\`
+
+**Important:** All 6 themes require valid licenses. There are no free themes available.
+
+### Screen Generation Workflow (3 Steps)
+
+Follow this exact sequence for production-ready screens:
+
+#### Step 1/3: Gather Context
+
+**Tool:** \`get-screen-generation-context\`
+
+**Purpose:** Get all context needed to create Screen Definition
+
+**Input:**
+\`\`\`json
+{
+  "description": "user dashboard with profile card",
+  "themeId": "minimal-workspace",
+  "includeExamples": true
+}
+\`\`\`
+
+**Output:** Template matches, component suggestions with inline props/variants, schema, examples
+
+#### Step 2/3: Validate Definition
+
+**Tool:** \`validate-screen-definition\`
+
+**Purpose:** Ensure Screen Definition JSON is correct
+
+**Input:**
+\`\`\`json
+{
+  "definition": {
+    "id": "user-dashboard",
+    "shell": "shell.web.dashboard",
+    "page": "page.dashboard",
+    "sections": [...]
+  },
+  "strict": true
+}
+\`\`\`
+
+**Output:** Validation results with errors, warnings, suggestions, and autoFix patches
+
+**Critical:** Always validate before writing code. Apply autoFixPatches or fix all errors.
+
+#### After Validation: Write React Code Directly
+
+**No tool needed** - Write production-ready React code using components from Step 1 context.
+
+Use the import statements and props provided in the context response.
+
+#### Step 3/3: Validate Environment (Optional)
+
+**Tool:** \`validate-environment\`
+
+**Purpose:** Verify project has required packages and Tailwind config
+
+**Input:**
+\`\`\`json
+{
+  "projectPath": "/path/to/package.json",
+  "requiredPackages": ["@radix-ui/react-slot", "@radix-ui/react-avatar"],
+  "checkTailwind": true
+}
+\`\`\`
+
+**Output:** Missing packages, install commands, Tailwind validation
+
+**Critical:** Always inform user about missing packages and Tailwind config issues.
+
+### Discovery Tools
+
+Before generating screens, explore available resources:
+
+**Themes (6 total, all require authentication):**
+- \`list-themes\` → See all 6 themes
+- \`preview-theme\` → Get theme design tokens
+
+**Components (30+ available):**
+- \`list-components\` → Browse component catalog
+- \`preview-component\` → Get component props, variants, examples
+
+**Templates (13 available):**
+- \`list-screen-templates\` → Browse screen templates
+- \`preview-screen-template\` → Get template structure
+
+### Component Usage Example
+
+\`\`\`tsx
+// ${importPath}
+import { Button, Card, CardHeader, CardTitle, CardContent } from '@framingui/ui';
+
+export default function Page() {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Welcome</CardTitle>
+      </CardHeader>
+      <CardContent>
+        <Button variant="default">Get Started</Button>
+      </CardContent>
+    </Card>
+  );
+}
+\`\`\`
+
+### MCP Prompts (Universal Guidance)
+
+Your MCP client may support prompts. If available:
+
+- \`getting-started\` - Complete onboarding guide
+- \`screen-workflow\` - Detailed 3-step workflow
+
+These provide context to help you guide users effectively.
+
+### Error Handling
+
+**Authentication errors:**
+- Instruct user to run \`tekton-mcp login\`
+- Verify with \`tekton-mcp status\`
+
+**Validation errors (Step 2):**
+- Read error messages - they include suggestions
+- Fix errors in Screen Definition
+- Re-run \`validate-screen-definition\`
+
+**Missing dependencies (Step 3):**
+- Always run Step 4 to check environment
+- Show user install commands from \`validate-environment\`
+
+**Missing styles (runtime):**
+- Run \`validate-environment\` to diagnose
+- Check Tailwind config includes \`@framingui/ui\` content paths
+- Check \`tailwindcss-animate\` plugin is configured
+
+### Best Practices
+
+1. ✅ Always authenticate before generating screens
+2. ✅ Follow all 3 workflow steps in order
+3. ✅ Validate before writing code (Step 2)
+4. ✅ Check environment before delivering code (Step 3)
+5. ✅ Inform user about missing dependencies and Tailwind issues
+6. ✅ Use \`strict: true\` for production validation
+
+### Quick Reference: All 15 Tools
+
+**Discovery:** list-themes, preview-theme, list-components, preview-component, list-screen-templates, preview-screen-template
+**Workflow:** get-screen-generation-context, validate-screen-definition, validate-environment
+**Quick:** generate-blueprint, export-screen, validate_screen, list_tokens
+**Icons:** list-icon-libraries, preview-icon-library
+`;
+}
+//# sourceMappingURL=agent-md-templates.js.map

package/dist/cli/agent-md-templates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-md-templates.js","sourceRoot":"","sources":["../../src/cli/agent-md-templates.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH;;;GAGG;AACH,MAAM,UAAU,uBAAuB,CAAC,SAAoB;IAC1D,MAAM,UAAU,GAAG,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC;IAE3E,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwCJ,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0Ed,CAAC;AACF,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,uBAAuB,CAAC,SAAoB;IAC1D,MAAM,UAAU,GAAG,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC;IAE3E,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmHJ,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6Dd,CAAC;AACF,CAAC"}

package/dist/cli/credentials.d.ts

@@ -0,0 +1,29 @@
+/**
+ * 크레덴셜 파일 관리
+ * ~/.tekton/credentials.json 읽기/쓰기/삭제
+ */
+export interface TektonCredentials {
+    api_key: string;
+    api_url: string;
+    created_at: string;
+    user_email: string;
+}
+/**
+ * 크레덴셜 파일 경로 반환
+ */
+export declare function getCredentialsPath(): string;
+/**
+ * 크레덴셜 파일 로드
+ * @returns 크레덴셜 객체 또는 null (파일 없거나 파싱 실패 시)
+ */
+export declare function loadCredentials(): TektonCredentials | null;
+/**
+ * 크레덴셜 저장 (chmod 600)
+ */
+export declare function saveCredentials(creds: TektonCredentials): void;
+/**
+ * 크레덴셜 파일 삭제
+ * @returns true면 삭제 성공, false면 파일 없음
+ */
+export declare function deleteCredentials(): boolean;
+//# sourceMappingURL=credentials.d.ts.map

package/dist/cli/credentials.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"credentials.d.ts","sourceRoot":"","sources":["../../src/cli/credentials.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,CAE3C;AAED;;;GAGG;AACH,wBAAgB,eAAe,IAAI,iBAAiB,GAAG,IAAI,CAmB1D;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI,CAW9D;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,IAAI,OAAO,CAY3C"}

package/dist/cli/credentials.js

@@ -0,0 +1,66 @@
+/**
+ * 크레덴셜 파일 관리
+ * ~/.tekton/credentials.json 읽기/쓰기/삭제
+ */
+import fs from 'node:fs';
+import path from 'node:path';
+import os from 'node:os';
+/**
+ * 크레덴셜 파일 경로 반환
+ */
+export function getCredentialsPath() {
+    return path.join(os.homedir(), '.tekton', 'credentials.json');
+}
+/**
+ * 크레덴셜 파일 로드
+ * @returns 크레덴셜 객체 또는 null (파일 없거나 파싱 실패 시)
+ */
+export function loadCredentials() {
+    const credPath = getCredentialsPath();
+    try {
+        if (!fs.existsSync(credPath)) {
+            return null;
+        }
+        const raw = fs.readFileSync(credPath, 'utf-8');
+        const data = JSON.parse(raw);
+        // 필수 필드 검증
+        if (!data.api_key || !data.api_url) {
+            return null;
+        }
+        return data;
+    }
+    catch {
+        return null;
+    }
+}
+/**
+ * 크레덴셜 저장 (chmod 600)
+ */
+export function saveCredentials(creds) {
+    const credPath = getCredentialsPath();
+    const dir = path.dirname(credPath);
+    // ~/.tekton 디렉토리 자동 생성
+    fs.mkdirSync(dir, { recursive: true });
+    // 소유자만 읽기/쓰기 (0o600)
+    fs.writeFileSync(credPath, JSON.stringify(creds, null, 2) + '\n', {
+        mode: 0o600,
+    });
+}
+/**
+ * 크레덴셜 파일 삭제
+ * @returns true면 삭제 성공, false면 파일 없음
+ */
+export function deleteCredentials() {
+    const credPath = getCredentialsPath();
+    try {
+        if (!fs.existsSync(credPath)) {
+            return false;
+        }
+        fs.unlinkSync(credPath);
+        return true;
+    }
+    catch {
+        return false;
+    }
+}
+//# sourceMappingURL=credentials.js.map

package/dist/cli/credentials.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"credentials.js","sourceRoot":"","sources":["../../src/cli/credentials.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,MAAM,SAAS,CAAC;AACzB,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,MAAM,SAAS,CAAC;AASzB;;GAEG;AACH,MAAM,UAAU,kBAAkB;IAChC,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,kBAAkB,CAAC,CAAC;AAChE,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,eAAe;IAC7B,MAAM,QAAQ,GAAG,kBAAkB,EAAE,CAAC;IAEtC,IAAI,CAAC;QACH,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC7B,OAAO,IAAI,CAAC;QACd,CAAC;QACD,MAAM,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAC/C,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAsB,CAAC;QAElD,WAAW;QACX,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YACnC,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,KAAwB;IACtD,MAAM,QAAQ,GAAG,kBAAkB,EAAE,CAAC;IACtC,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEnC,uBAAuB;IACvB,EAAE,CAAC,SAAS,CAAC,GAAG,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IAEvC,qBAAqB;IACrB,EAAE,CAAC,aAAa,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE;QAChE,IAAI,EAAE,KAAK;KACZ,CAAC,CAAC;AACL,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,iBAAiB;IAC/B,MAAM,QAAQ,GAAG,kBAAkB,EAAE,CAAC;IAEtC,IAAI,CAAC;QACH,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC7B,OAAO,KAAK,CAAC;QACf,CAAC;QACD,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QACxB,OAAO,IAAI,CAAC;IACd,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,KAAK,CAAC;IACf,CAAC;AACH,CAAC"}

package/dist/cli/guide-template.d.ts

@@ -0,0 +1,10 @@
+/**
+ * TEKTON-GUIDE.md 콘텐츠 템플릿
+ * 프레임워크별 맞춤 가이드 생성
+ */
+export type Framework = 'nextjs' | 'vite';
+/**
+ * TEKTON-GUIDE.md 콘텐츠 생성
+ */
+export declare function generateGuide(framework: Framework): string;
+//# sourceMappingURL=guide-template.d.ts.map

package/dist/cli/guide-template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"guide-template.d.ts","sourceRoot":"","sources":["../../src/cli/guide-template.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE1C;;GAEG;AACH,wBAAgB,aAAa,CAAC,SAAS,EAAE,SAAS,GAAG,MAAM,CA4L1D"}

package/dist/cli/guide-template.js

@@ -0,0 +1,195 @@
+/**
+ * TEKTON-GUIDE.md 콘텐츠 템플릿
+ * 프레임워크별 맞춤 가이드 생성
+ */
+/**
+ * TEKTON-GUIDE.md 콘텐츠 생성
+ */
+export function generateGuide(framework) {
+    const importExample = framework === 'nextjs'
+        ? `// app/page.tsx
+import { Button, Card, CardHeader, CardTitle, CardContent } from '@framingui/ui';
+
+export default function HomePage() {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Welcome</CardTitle>
+      </CardHeader>
+      <CardContent>
+        <Button variant="default" size="lg">Get Started</Button>
+      </CardContent>
+    </Card>
+  );
+}`
+        : `// src/App.tsx
+import { Button, Card, CardHeader, CardTitle, CardContent } from '@framingui/ui';
+
+function App() {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Welcome</CardTitle>
+      </CardHeader>
+      <CardContent>
+        <Button variant="default" size="lg">Get Started</Button>
+      </CardContent>
+    </Card>
+  );
+}
+
+export default App;`;
+    return `# FramingUI Guide
+
+> AI-powered design system for building production-ready UIs.
+
+---
+
+## Authentication
+
+Before generating screens, authenticate with your Tekton account:
+
+\`\`\`bash
+tekton-mcp login
+\`\`\`
+
+This opens your browser for OAuth authentication. Your credentials are stored in \`~/.tekton/credentials.json\`.
+
+**Why authentication is required:**
+- All 6 themes require valid licenses
+- No free themes are available
+- Authentication verifies your license status
+
+**Check your authentication status:**
+
+\`\`\`bash
+tekton-mcp status
+\`\`\`
+
+---
+
+## Screen Generation Workflow
+
+Tekton provides a **3-step workflow** for production-ready screen generation:
+
+### Step 1/3: Get Context
+
+Claude Code calls \`get-screen-generation-context\` with your screen description:
+
+\`\`\`
+"Create a user dashboard with profile card and recent activity"
+\`\`\`
+
+Returns: Template matches, component suggestions with inline props/variants, Screen Definition schema
+
+### Step 2/3: Validate Definition
+
+Claude Code generates a Screen Definition JSON and calls \`validate-screen-definition\`:
+
+Returns: Validation results, errors with auto-fix patches (if any), improvement suggestions
+
+### After Validation: Write Code
+
+Claude Code writes React code directly using the components and props from Step 1 context.
+
+### Step 3/3: Validate Environment (Optional)
+
+Claude Code calls \`validate-environment\` to check your project:
+
+Returns: Missing packages, install commands, Tailwind CSS config validation
+
+**Important:** Always check the dependencies and Tailwind configuration before running generated code.
+
+---
+
+## Quick Start
+
+### Using Components
+
+\`\`\`tsx
+${importExample}
+\`\`\`
+
+### AI Screen Generation
+
+Claude Code에서 MCP 서버가 연결되어 있으면, 자연어로 화면을 생성할 수 있습니다:
+
+\`\`\`
+"로그인 화면 만들어줘"
+"대시보드 페이지를 카드 레이아웃으로 만들어줘"
+"사용자 프로필 페이지를 만들어줘"
+\`\`\`
+
+---
+
+## Components (30+)
+
+### Core
+Button, Input, Label, Card, Badge, Avatar, Separator, Checkbox, RadioGroup, Switch, Textarea, Skeleton, ScrollArea, Select, Progress
+
+### Complex
+Dialog, DropdownMenu, Table, Tabs, Toast, Tooltip, Popover, Sheet, AlertDialog, NavigationMenu
+
+### Advanced
+Sidebar, Breadcrumb, Command, Calendar, Form
+
+### Usage
+
+\`\`\`tsx
+import { Button, Dialog, DialogTrigger, DialogContent } from '@framingui/ui';
+\`\`\`
+
+---
+
+## Screen Templates (13)
+
+프로덕션에서 바로 사용할 수 있는 완성된 화면 템플릿:
+
+| Category | Templates |
+|----------|-----------|
+| Auth | Login, Signup, ForgotPassword, Verification |
+| Core | Landing, Preferences, Profile |
+| Feedback | Loading, Error, Empty, Confirmation, Success |
+| Dashboard | Dashboard |
+
+---
+
+## Themes (6)
+
+| Theme ID | Description |
+|----------|-------------|
+| \`classic-magazine\` | Classic magazine style |
+| \`dark-boldness\` | Fitness & wellness |
+| \`minimal-workspace\` | Minimal workspace |
+| \`neutral-workspace\` | Neutral humanism |
+| \`pebble\` | Round minimal |
+| \`square-minimalism\` | Square minimalism |
+
+### Applying a Theme
+
+\`\`\`tsx
+import { themeToCSS, injectThemeCSS } from '@framingui/ui';
+
+// Inject theme CSS at runtime
+injectThemeCSS(themeData);
+\`\`\`
+
+---
+
+## Utility: cn()
+
+\`\`\`tsx
+import { cn } from '@framingui/ui';
+
+<div className={cn('p-4 bg-white', isActive && 'bg-blue-500', className)} />
+\`\`\`
+
+---
+
+## Links
+
+- [npm: @framingui/ui](https://www.npmjs.com/package/@framingui/ui)
+- [npm: @framingui/mcp-server](https://www.npmjs.com/package/@framingui/mcp-server)
+`;
+}
+//# sourceMappingURL=guide-template.js.map

package/dist/cli/guide-template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"guide-template.js","sourceRoot":"","sources":["../../src/cli/guide-template.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,SAAoB;IAChD,MAAM,aAAa,GACjB,SAAS,KAAK,QAAQ;QACpB,CAAC,CAAC;;;;;;;;;;;;;;EAcN;QACI,CAAC,CAAC;;;;;;;;;;;;;;;;oBAgBY,CAAC;IAEnB,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoEP,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmFd,CAAC;AACF,CAAC"}

package/dist/cli/index.d.ts

@@ -0,0 +1,7 @@
+#!/usr/bin/env node
+/**
+ * Tekton MCP CLI 라우터
+ * 서브커맨드: login, logout, status, (없으면 MCP 서버 시작)
+ */
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/cli/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/cli/index.ts"],"names":[],"mappings":";AAEA;;;GAGG;AAEH,OAAO,EAAE,CAAC"}

package/dist/cli/index.js

@@ -0,0 +1,41 @@
+#!/usr/bin/env node
+/**
+ * Tekton MCP CLI 라우터
+ * 서브커맨드: login, logout, status, (없으면 MCP 서버 시작)
+ */
+const command = process.argv[2];
+switch (command) {
+    case 'login': {
+        const { loginCommand } = await import('./login.js');
+        try {
+            await loginCommand();
+        }
+        catch (err) {
+            console.error(err instanceof Error ? err.message : String(err));
+            process.exit(1);
+        }
+        break;
+    }
+    case 'logout': {
+        const { logoutCommand } = await import('./logout.js');
+        logoutCommand();
+        break;
+    }
+    case 'status': {
+        const { statusCommand } = await import('./status.js');
+        statusCommand();
+        break;
+    }
+    case 'init': {
+        const { initCommand } = await import('./init.js');
+        await initCommand();
+        break;
+    }
+    default: {
+        // 서브커맨드 없음 → MCP stdio 서버 시작 (기존 동작 유지)
+        await import('../index.js');
+        break;
+    }
+}
+export {};
+//# sourceMappingURL=index.js.map

package/dist/cli/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/cli/index.ts"],"names":[],"mappings":";AAEA;;;GAGG;AAIH,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAEhC,QAAQ,OAAO,EAAE,CAAC;IAChB,KAAK,OAAO,CAAC,CAAC,CAAC;QACb,MAAM,EAAE,YAAY,EAAE,GAAG,MAAM,MAAM,CAAC,YAAY,CAAC,CAAC;QACpD,IAAI,CAAC;YACH,MAAM,YAAY,EAAE,CAAC;QACvB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;YAChE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAClB,CAAC;QACD,MAAM;IACR,CAAC;IAED,KAAK,QAAQ,CAAC,CAAC,CAAC;QACd,MAAM,EAAE,aAAa,EAAE,GAAG,MAAM,MAAM,CAAC,aAAa,CAAC,CAAC;QACtD,aAAa,EAAE,CAAC;QAChB,MAAM;IACR,CAAC;IAED,KAAK,QAAQ,CAAC,CAAC,CAAC;QACd,MAAM,EAAE,aAAa,EAAE,GAAG,MAAM,MAAM,CAAC,aAAa,CAAC,CAAC;QACtD,aAAa,EAAE,CAAC;QAChB,MAAM;IACR,CAAC;IAED,KAAK,MAAM,CAAC,CAAC,CAAC;QACZ,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,CAAC;QAClD,MAAM,WAAW,EAAE,CAAC;QACpB,MAAM;IACR,CAAC;IAED,OAAO,CAAC,CAAC,CAAC;QACR,wCAAwC;QACxC,MAAM,MAAM,CAAC,aAAa,CAAC,CAAC;QAC5B,MAAM;IACR,CAAC;AACH,CAAC"}