@tekton-ui/mcp-server 0.3.5 → 0.4.0

package/dist/cli/agent-md-templates.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-md-templates.d.ts","sourceRoot":"","sources":["../../src/cli/agent-md-templates.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE1C;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,SAAS,GAAG,MAAM,CAyHpE;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,SAAS,GAAG,MAAM,CAoMpE"}
+{"version":3,"file":"agent-md-templates.d.ts","sourceRoot":"","sources":["../../src/cli/agent-md-templates.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE1C;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,SAAS,GAAG,MAAM,CAsHpE;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,SAAS,GAAG,MAAM,CAoLpE"}

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

@@ -13,7 +13,7 @@ export function generateClaudeMdSection(framework) {
 
 ### MCP Server Connection
 
-Tekton MCP server is configured in \`.mcp.json\`. Claude Code automatically loads 16 tools for screen generation.
+Tekton MCP server is configured in \`.mcp.json\`. Claude Code automatically loads 15 tools for screen generation.
 
 ### Authentication (Step 1)
 
@@ -25,23 +25,22 @@ tekton-mcp login
 
 **Important:** All 6 themes require authentication. No free themes are available.
 
-### Screen Generation Workflow (4 Steps)
+### Screen Generation Workflow (3 Steps)
 
-**Step 1/4:** Gather Context
+**Step 1/3:** Gather Context
 - Call \`get-screen-generation-context\` with user's screen description
-- Receive template matches, component suggestions, and schema
+- Receive template matches, component suggestions with inline props/variants, and schema
 
-**Step 2/4:** Validate Definition
+**Step 2/3:** Validate Definition
 - Generate Screen Definition JSON based on context
 - Call \`validate-screen-definition\` to verify structure
-- Fix any errors before proceeding
+- Apply autoFixPatches or fix any errors before proceeding
 
-**Step 3/4:** Generate Code
-- Call \`generate_screen\` with validated definition
-- Receive production React code and dependencies list
-- Check \`dependencies.external\` field
+**After Validation:** Write React Code Directly
+- Use components and import statements from Step 1 context
+- Apply theme recipes via variant props
 
-**Step 4/4:** Validate Environment
+**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
@@ -76,11 +75,10 @@ export default function Page() {
 - \`list-screen-templates\` - List 13 screen templates
 - \`preview-screen-template\` - Get template structure
 
-**Screen Generation (4 tools):**
-- \`get-screen-generation-context\` - Step 1/4
-- \`validate-screen-definition\` - Step 2/4
-- \`generate_screen\` - Step 3/4
-- \`validate-environment\` - Step 4/4
+**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
@@ -99,7 +97,7 @@ export default function Page() {
 Claude Code can access built-in prompts for guidance:
 
 - \`getting-started\` - Authentication → Theme → Components → Screen generation
-- \`screen-workflow\` - Detailed 4-step workflow with troubleshooting
+- \`screen-workflow\` - Detailed 3-step workflow with troubleshooting
 
 These prompts work across all MCP clients, not just Claude Code.
 
@@ -108,8 +106,7 @@ These prompts work across all MCP clients, not just Claude Code.
 1. ❌ Skipping authentication before generating screens
 2. ❌ Using non-existent theme IDs (only 6 exist)
 3. ❌ Skipping validate-screen-definition step
-4. ❌ Not checking dependencies.external field
-5. ❌ Delivering code without verifying Tailwind config
+4. ❌ Delivering code without verifying Tailwind config
 
 ### Troubleshooting
 
@@ -138,7 +135,7 @@ export function generateAgentsMdSection(framework) {
 
 ### Overview
 
-Tekton MCP server provides 16 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.
+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
 
@@ -160,11 +157,11 @@ tekton-mcp login
 
 **Important:** All 6 themes require valid licenses. There are no free themes available.
 
-### Screen Generation Workflow (4 Steps)
+### Screen Generation Workflow (3 Steps)
 
 Follow this exact sequence for production-ready screens:
 
-#### Step 1/4: Gather Context
+#### Step 1/3: Gather Context
 
 **Tool:** \`get-screen-generation-context\`
 
@@ -179,9 +176,9 @@ Follow this exact sequence for production-ready screens:
 }
 \`\`\`
 
-**Output:** Template matches, component suggestions, schema, examples
+**Output:** Template matches, component suggestions with inline props/variants, schema, examples
 
-#### Step 2/4: Validate Definition
+#### Step 2/3: Validate Definition
 
 **Tool:** \`validate-screen-definition\`
 
@@ -200,33 +197,17 @@ Follow this exact sequence for production-ready screens:
 }
 \`\`\`
 
-**Output:** Validation results with errors, warnings, suggestions
+**Output:** Validation results with errors, warnings, suggestions, and autoFix patches
 
-**Critical:** Always validate before Step 3. Fix all errors before proceeding.
+**Critical:** Always validate before writing code. Apply autoFixPatches or fix all errors.
 
-#### Step 3/4: Generate Code
+#### After Validation: Write React Code Directly
 
-**Tool:** \`generate_screen\`
+**No tool needed** - Write production-ready React code using components from Step 1 context.
 
-**Purpose:** Generate production React code
+Use the import statements and props provided in the context response.
 
-**Input:**
-\`\`\`json
-{
-  "screenDefinition": { /* from Step 2 */ },
-  "outputFormat": "tailwind",
-  "options": {
-    "typescript": true,
-    "prettier": true
-  }
-}
-\`\`\`
-
-**Output:** React code + dependencies
-
-**Critical:** Check \`dependencies.external\` field. If non-empty, proceed to Step 4.
-
-#### Step 4/4: Validate Environment
+#### Step 3/3: Validate Environment (Optional)
 
 **Tool:** \`validate-environment\`
 
@@ -236,7 +217,7 @@ Follow this exact sequence for production-ready screens:
 \`\`\`json
 {
   "projectPath": "/path/to/package.json",
-  "requiredPackages": ["framer-motion", "@radix-ui/react-slot"],
+  "requiredPackages": ["@radix-ui/react-slot", "@radix-ui/react-avatar"],
   "checkTailwind": true
 }
 \`\`\`
@@ -286,7 +267,7 @@ export default function Page() {
 Your MCP client may support prompts. If available:
 
 - \`getting-started\` - Complete onboarding guide
-- \`screen-workflow\` - Detailed 4-step workflow
+- \`screen-workflow\` - Detailed 3-step workflow
 
 These provide context to help you guide users effectively.
 
@@ -313,16 +294,16 @@ These provide context to help you guide users effectively.
 ### Best Practices
 
 1. ✅ Always authenticate before generating screens
-2. ✅ Follow all 4 workflow steps in order
-3. ✅ Validate before generating (Step 2 before Step 3)
-4. ✅ Check environment before delivering code (Step 4)
+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 16 Tools
+### 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, generate_screen, validate-environment
+**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
 `;

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

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyCJ,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4Ed,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmIJ,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6Dd,CAAC;AACF,CAAC"}
+{"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/guide-template.d.ts.map

@@ -1 +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,CA8L1D"}
+{"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

@@ -70,9 +70,9 @@ tekton-mcp status
 
 ## Screen Generation Workflow
 
-Tekton provides a **4-step workflow** for production-ready screen generation:
+Tekton provides a **3-step workflow** for production-ready screen generation:
 
-### Step 1/4: Get Context
+### Step 1/3: Get Context
 
 Claude Code calls \`get-screen-generation-context\` with your screen description:
 
@@ -80,21 +80,19 @@ 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, Screen Definition schema
+Returns: Template matches, component suggestions with inline props/variants, Screen Definition schema
 
-### Step 2/4: Validate Definition
+### Step 2/3: Validate Definition
 
 Claude Code generates a Screen Definition JSON and calls \`validate-screen-definition\`:
 
-Returns: Validation results, errors (if any), improvement suggestions
+Returns: Validation results, errors with auto-fix patches (if any), improvement suggestions
 
-### Step 3/4: Generate Code
+### After Validation: Write Code
 
-Claude Code calls \`generate_screen\` with the validated definition:
+Claude Code writes React code directly using the components and props from Step 1 context.
 
-Returns: Production React code, CSS variables, dependencies list
-
-### Step 4/4: Validate Environment
+### Step 3/3: Validate Environment (Optional)
 
 Claude Code calls \`validate-environment\` to check your project:
 

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

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsEP,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmFd,CAAC;AACF,CAAC"}
+{"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/data/component-props.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Shared Component Props Data Module
+ * 실제 @tekton-ui/ui 컴포넌트에서 추출한 Tier 1 (15개 core) props/variants 데이터
+ *
+ * 사용처:
+ * - preview-component.ts: 컴포넌트 상세 정보 제공
+ * - get-screen-generation-context.ts: 인라인 props 컨텍스트 제공
+ * - validate-screen-definition.ts: props 유효성 검증
+ */
+import type { PropDefinition, Variant, UsageExample } from '../schemas/mcp-schemas.js';
+export interface ComponentPropsData {
+    props: PropDefinition[];
+    variants?: Variant[];
+    subComponents?: string[];
+    dependencies: {
+        internal: string[];
+        external: string[];
+    };
+    examples?: UsageExample[];
+    accessibility?: string;
+}
+/**
+ * 컴포넌트 ID로 props 데이터 조회
+ */
+export declare function getComponentPropsData(componentId: string): ComponentPropsData | undefined;
+/**
+ * 모든 컴포넌트 props 데이터가 있는 컴포넌트 ID 목록 반환
+ */
+export declare function getComponentIdsWithProps(): string[];
+//# sourceMappingURL=component-props.d.ts.map

package/dist/data/component-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-props.d.ts","sourceRoot":"","sources":["../../src/data/component-props.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEvF,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,YAAY,EAAE;QAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;QAAC,QAAQ,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;IACzD,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAuhBD;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,MAAM,GAAG,kBAAkB,GAAG,SAAS,CAEzF;AAED;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,MAAM,EAAE,CAEnD"}