@framingui/mcp-server 0.6.8 → 0.6.10

package/dist/prompts/command-help.js

@@ -0,0 +1,87 @@
+import { getSlashCommand } from '../commands/slash-command-registry.js';
+function formatValues(values) {
+    if (!values || values.length === 0) {
+        return '';
+    }
+    return ` Values: ${values.join(', ')}`;
+}
+export function getCommandHelpPrompt(commandName) {
+    const command = commandName ? getSlashCommand(commandName) : undefined;
+    if (!command) {
+        return {
+            messages: [
+                {
+                    role: 'user',
+                    content: {
+                        type: 'text',
+                        text: `# FramingUI Command Help
+
+No slash command matched \`${commandName ?? ''}\`.
+
+Use the \`slash-commands\` prompt to inspect the full catalog, then call \`command-help\` again with one of:
+- /screen
+- /section
+- /draft
+- /responsive
+- /a11y
+- /theme-swap
+- /doctor
+- /install-check
+- /export
+- /update`,
+                    },
+                },
+            ],
+        };
+    }
+    const argLines = command.args.length > 0
+        ? command.args
+            .map(arg => `- \`${arg.name}\`${arg.required ? ' (required)' : ''} - ${arg.description}`)
+            .join('\n')
+        : '- None';
+    const optionLines = command.options.length > 0
+        ? command.options
+            .map(option => `- \`${option.name}\` - ${option.description}${formatValues(option.values)}`)
+            .join('\n')
+        : '- None';
+    const exampleLines = command.examples.map(example => `- \`${example}\``).join('\n');
+    const workflowLines = command.workflow.map(step => `- \`${step}\``).join('\n');
+    return {
+        messages: [
+            {
+                role: 'user',
+                content: {
+                    type: 'text',
+                    text: `# ${command.name}
+
+${command.summary}
+
+## Usage
+
+\`${command.usage}\`
+
+## Arguments
+
+${argLines}
+
+## Options
+
+${optionLines}
+
+## Examples
+
+${exampleLines}
+
+## MCP workflow
+
+${workflowLines}
+
+## Prompt fallback
+
+\`${command.promptRecipe}\``,
+                },
+            },
+        ],
+    };
+}
+//# sourceMappingURL=command-help.js.map

package/dist/prompts/command-help.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-help.js","sourceRoot":"","sources":["../../src/prompts/command-help.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,SAAS,YAAY,CAAC,MAAiB;IACrC,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACnC,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO,YAAY,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;AACzC,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,WAAoB;IACvD,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEvE,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO;YACL,QAAQ,EAAE;gBACR;oBACE,IAAI,EAAE,MAAM;oBACZ,OAAO,EAAE;wBACP,IAAI,EAAE,MAAM;wBACZ,IAAI,EAAE;;6BAEW,WAAW,IAAI,EAAE;;;;;;;;;;;;UAYpC;qBACC;iBACF;aACF;SACF,CAAC;IACJ,CAAC;IAED,MAAM,QAAQ,GACZ,OAAO,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC;QACrB,CAAC,CAAC,OAAO,CAAC,IAAI;aACT,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,OAAO,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,MAAM,GAAG,CAAC,WAAW,EAAE,CAAC;aACxF,IAAI,CAAC,IAAI,CAAC;QACf,CAAC,CAAC,QAAQ,CAAC;IAEf,MAAM,WAAW,GACf,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC;QACxB,CAAC,CAAC,OAAO,CAAC,OAAO;aACZ,GAAG,CACF,MAAM,CAAC,EAAE,CAAC,OAAO,MAAM,CAAC,IAAI,QAAQ,MAAM,CAAC,WAAW,GAAG,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CACvF;aACA,IAAI,CAAC,IAAI,CAAC;QACf,CAAC,CAAC,QAAQ,CAAC;IAEf,MAAM,YAAY,GAAG,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACpF,MAAM,aAAa,GAAG,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAE/E,OAAO;QACL,QAAQ,EAAE;YACR;gBACE,IAAI,EAAE,MAAM;gBACZ,OAAO,EAAE;oBACP,IAAI,EAAE,MAAM;oBACZ,IAAI,EAAE,KAAK,OAAO,CAAC,IAAI;;EAE/B,OAAO,CAAC,OAAO;;;;IAIb,OAAO,CAAC,KAAK;;;;EAIf,QAAQ;;;;EAIR,WAAW;;;;EAIX,YAAY;;;;EAIZ,aAAa;;;;IAIX,OAAO,CAAC,YAAY,IAAI;iBACnB;aACF;SACF;KACF,CAAC;AACJ,CAAC"}

package/dist/prompts/doctor-workflow.d.ts

@@ -0,0 +1,10 @@
+export declare function getDoctorWorkflowPrompt(): {
+    messages: {
+        role: string;
+        content: {
+            type: string;
+            text: string;
+        };
+    }[];
+};
+//# sourceMappingURL=doctor-workflow.d.ts.map

package/dist/prompts/doctor-workflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"doctor-workflow.d.ts","sourceRoot":"","sources":["../../src/prompts/doctor-workflow.ts"],"names":[],"mappings":"AAAA,wBAAgB,uBAAuB;;;;;;;;EAmCtC"}

package/dist/prompts/doctor-workflow.js

@@ -0,0 +1,37 @@
+export function getDoctorWorkflowPrompt() {
+    return {
+        messages: [
+            {
+                role: 'user',
+                content: {
+                    type: 'text',
+                    text: `# FramingUI Doctor Workflow
+
+Use this workflow when the user asks why FramingUI generation or styling is not working in their project.
+
+## Primary commands
+
+- \`/doctor [<project-path>] [--auth] [--tailwind] [--themes] [--fix-hints]\`
+- \`/install-check [<project-path>] [--for <screen|section|file>] [--packages-only]\`
+
+## Workflow
+
+1. Inspect session status with \`whoami\` when auth or entitlement issues are suspected.
+2. Confirm theme access with \`list-themes\`.
+3. Run \`validate-environment\` for package presence and Tailwind compatibility.
+4. Return the smallest set of fixes needed to restore a working FramingUI setup.
+
+## Expected output
+
+- auth status when relevant
+- theme availability when relevant
+- missing packages
+- install commands
+- Tailwind or style-import issues
+- prioritized next actions`,
+                },
+            },
+        ],
+    };
+}
+//# sourceMappingURL=doctor-workflow.js.map

package/dist/prompts/doctor-workflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"doctor-workflow.js","sourceRoot":"","sources":["../../src/prompts/doctor-workflow.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,uBAAuB;IACrC,OAAO;QACL,QAAQ,EAAE;YACR;gBACE,IAAI,EAAE,MAAM;gBACZ,OAAO,EAAE;oBACP,IAAI,EAAE,MAAM;oBACZ,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;2BAuBW;iBAClB;aACF;SACF;KACF,CAAC;AACJ,CAAC"}

package/dist/prompts/getting-started.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getting-started.d.ts","sourceRoot":"","sources":["../../src/prompts/getting-started.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;GAGG;AACH,wBAAgB,uBAAuB;;;;;;;;EAwGtC"}
+{"version":3,"file":"getting-started.d.ts","sourceRoot":"","sources":["../../src/prompts/getting-started.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;GAGG;AACH,wBAAgB,uBAAuB;;;;;;;;EAyHtC"}

package/dist/prompts/getting-started.js

@@ -77,7 +77,24 @@ Before creating screen definitions:
 3. Identify components needed for your screen
 \`\`\`
 
-## Step 5: Generate Your First Screen
+## Step 5: Discover Slash Commands (Optional but Recommended)
+
+If your MCP client supports slash menus, tab completion, or command palettes, expose the FramingUI command registry:
+
+- \`/screen\` - full screen generation
+- \`/section\` - section generation or replacement
+- \`/draft\` - structural screen draft before codegen
+- \`/responsive\` - responsive optimization with density controls
+- \`/a11y\` - accessibility review
+- \`/theme-swap\` - reapply a screen under a different theme
+- \`/doctor\` - setup diagnosis
+- \`/install-check\` - dependency and environment checks
+- \`/export\` - artifact export
+- \`/update\` - refresh installed FramingUI packages in a project
+
+If your client does not support native slash commands, use the \`slash-commands\` and \`command-help\` prompts as a fallback help surface.
+
+## Step 6: Generate Your First Screen
 
 Follow the 3-step workflow:
 

package/dist/prompts/getting-started.js.map

@@ -1 +1 @@
-{"version":3,"file":"getting-started.js","sourceRoot":"","sources":["../../src/prompts/getting-started.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;GAGG;AACH,MAAM,UAAU,uBAAuB;IACrC,OAAO;QACL,QAAQ,EAAE;YACR;gBACE,IAAI,EAAE,MAAM;gBACZ,OAAO,EAAE;oBACP,IAAI,EAAE,MAAM;oBACZ,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kEA4FkD;iBACzD;aACF;SACF;KACF,CAAC;AACJ,CAAC"}
+{"version":3,"file":"getting-started.js","sourceRoot":"","sources":["../../src/prompts/getting-started.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;GAGG;AACH,MAAM,UAAU,uBAAuB;IACrC,OAAO;QACL,QAAQ,EAAE;YACR;gBACE,IAAI,EAAE,MAAM;gBACZ,OAAO,EAAE;oBACP,IAAI,EAAE,MAAM;oBACZ,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kEA6GkD;iBACzD;aACF;SACF;KACF,CAAC;AACJ,CAAC"}

package/dist/prompts/prompt-catalog.d.ts

@@ -0,0 +1,26 @@
+export interface PromptArgumentDefinition {
+    name: string;
+    required?: boolean;
+    description: string;
+}
+export interface PromptDefinition {
+    name: string;
+    description: string;
+    arguments: PromptArgumentDefinition[];
+    getPrompt: (args?: Record<string, string>) => {
+        messages: Array<{
+            role: string;
+            content: {
+                type: string;
+                text: string;
+            };
+        }>;
+    };
+}
+export declare function listPromptDefinitions(): Array<{
+    name: string;
+    description: string;
+    arguments: PromptArgumentDefinition[];
+}>;
+export declare function getPromptDefinition(name: string): PromptDefinition | undefined;
+//# sourceMappingURL=prompt-catalog.d.ts.map

package/dist/prompts/prompt-catalog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prompt-catalog.d.ts","sourceRoot":"","sources":["../../src/prompts/prompt-catalog.ts"],"names":[],"mappings":"AAUA,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,wBAAwB,EAAE,CAAC;IACtC,SAAS,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK;QAC5C,QAAQ,EAAE,KAAK,CAAC;YACd,IAAI,EAAE,MAAM,CAAC;YACb,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM,CAAC;gBACb,IAAI,EAAE,MAAM,CAAC;aACd,CAAC;SACH,CAAC,CAAC;KACJ,CAAC;CACH;AAkED,wBAAgB,qBAAqB,IAAI,KAAK,CAAC;IAC7C,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,wBAAwB,EAAE,CAAC;CACvC,CAAC,CAMD;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,gBAAgB,GAAG,SAAS,CAE9E"}

package/dist/prompts/prompt-catalog.js

@@ -0,0 +1,82 @@
+import { getA11yWorkflowPrompt } from './a11y-workflow.js';
+import { getCommandHelpPrompt } from './command-help.js';
+import { getDoctorWorkflowPrompt } from './doctor-workflow.js';
+import { getGettingStartedPrompt } from './getting-started.js';
+import { getResponsiveWorkflowPrompt } from './responsive-workflow.js';
+import { getScreenWorkflowPrompt } from './screen-workflow.js';
+import { getSlashCommandsPrompt } from './slash-commands.js';
+import { getThemeSwapWorkflowPrompt } from './theme-swap-workflow.js';
+import { getUpdateWorkflowPrompt } from './update-workflow.js';
+const promptCatalog = [
+    {
+        name: 'getting-started',
+        description: 'Complete getting started guide for FramingUI including authentication, theme exploration, slash command discovery, and screen generation workflow',
+        arguments: [],
+        getPrompt: () => getGettingStartedPrompt(),
+    },
+    {
+        name: 'screen-workflow',
+        description: 'Detailed screen generation workflow for /screen, /section, and /draft flows',
+        arguments: [],
+        getPrompt: () => getScreenWorkflowPrompt(),
+    },
+    {
+        name: 'responsive-workflow',
+        description: 'Responsive optimization workflow backing the /responsive command',
+        arguments: [],
+        getPrompt: () => getResponsiveWorkflowPrompt(),
+    },
+    {
+        name: 'a11y-workflow',
+        description: 'Accessibility audit workflow backing the /a11y command',
+        arguments: [],
+        getPrompt: () => getA11yWorkflowPrompt(),
+    },
+    {
+        name: 'theme-swap-workflow',
+        description: 'Theme application workflow backing the /theme-swap command',
+        arguments: [],
+        getPrompt: () => getThemeSwapWorkflowPrompt(),
+    },
+    {
+        name: 'doctor-workflow',
+        description: 'Environment and setup diagnosis workflow backing /doctor and /install-check',
+        arguments: [],
+        getPrompt: () => getDoctorWorkflowPrompt(),
+    },
+    {
+        name: 'update-workflow',
+        description: 'Package update workflow backing the /update command',
+        arguments: [],
+        getPrompt: () => getUpdateWorkflowPrompt(),
+    },
+    {
+        name: 'slash-commands',
+        description: 'Slash command catalog for FramingUI design workflows',
+        arguments: [],
+        getPrompt: () => getSlashCommandsPrompt(),
+    },
+    {
+        name: 'command-help',
+        description: 'Detailed help metadata for one slash command',
+        arguments: [
+            {
+                name: 'command',
+                required: true,
+                description: 'Slash command name such as /screen, /responsive, or /update',
+            },
+        ],
+        getPrompt: args => getCommandHelpPrompt(args?.command),
+    },
+];
+export function listPromptDefinitions() {
+    return promptCatalog.map(({ name, description, arguments: args }) => ({
+        name,
+        description,
+        arguments: args,
+    }));
+}
+export function getPromptDefinition(name) {
+    return promptCatalog.find(prompt => prompt.name === name);
+}
+//# sourceMappingURL=prompt-catalog.js.map

package/dist/prompts/prompt-catalog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prompt-catalog.js","sourceRoot":"","sources":["../../src/prompts/prompt-catalog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAuB/D,MAAM,aAAa,GAAuB;IACxC;QACE,IAAI,EAAE,iBAAiB;QACvB,WAAW,EACT,mJAAmJ;QACrJ,SAAS,EAAE,EAAE;QACb,SAAS,EAAE,GAAG,EAAE,CAAC,uBAAuB,EAAE;KAC3C;IACD;QACE,IAAI,EAAE,iBAAiB;QACvB,WAAW,EAAE,6EAA6E;QAC1F,SAAS,EAAE,EAAE;QACb,SAAS,EAAE,GAAG,EAAE,CAAC,uBAAuB,EAAE;KAC3C;IACD;QACE,IAAI,EAAE,qBAAqB;QAC3B,WAAW,EAAE,kEAAkE;QAC/E,SAAS,EAAE,EAAE;QACb,SAAS,EAAE,GAAG,EAAE,CAAC,2BAA2B,EAAE;KAC/C;IACD;QACE,IAAI,EAAE,eAAe;QACrB,WAAW,EAAE,wDAAwD;QACrE,SAAS,EAAE,EAAE;QACb,SAAS,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE;KACzC;IACD;QACE,IAAI,EAAE,qBAAqB;QAC3B,WAAW,EAAE,4DAA4D;QACzE,SAAS,EAAE,EAAE;QACb,SAAS,EAAE,GAAG,EAAE,CAAC,0BAA0B,EAAE;KAC9C;IACD;QACE,IAAI,EAAE,iBAAiB;QACvB,WAAW,EAAE,6EAA6E;QAC1F,SAAS,EAAE,EAAE;QACb,SAAS,EAAE,GAAG,EAAE,CAAC,uBAAuB,EAAE;KAC3C;IACD;QACE,IAAI,EAAE,iBAAiB;QACvB,WAAW,EAAE,qDAAqD;QAClE,SAAS,EAAE,EAAE;QACb,SAAS,EAAE,GAAG,EAAE,CAAC,uBAAuB,EAAE;KAC3C;IACD;QACE,IAAI,EAAE,gBAAgB;QACtB,WAAW,EAAE,sDAAsD;QACnE,SAAS,EAAE,EAAE;QACb,SAAS,EAAE,GAAG,EAAE,CAAC,sBAAsB,EAAE;KAC1C;IACD;QACE,IAAI,EAAE,cAAc;QACpB,WAAW,EAAE,8CAA8C;QAC3D,SAAS,EAAE;YACT;gBACE,IAAI,EAAE,SAAS;gBACf,QAAQ,EAAE,IAAI;gBACd,WAAW,EAAE,6DAA6D;aAC3E;SACF;QACD,SAAS,EAAE,IAAI,CAAC,EAAE,CAAC,oBAAoB,CAAC,IAAI,EAAE,OAAO,CAAC;KACvD;CACF,CAAC;AAEF,MAAM,UAAU,qBAAqB;IAKnC,OAAO,aAAa,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;QACpE,IAAI;QACJ,WAAW;QACX,SAAS,EAAE,IAAI;KAChB,CAAC,CAAC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,IAAY;IAC9C,OAAO,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;AAC5D,CAAC"}

package/dist/prompts/responsive-workflow.d.ts

@@ -0,0 +1,10 @@
+export declare function getResponsiveWorkflowPrompt(): {
+    messages: {
+        role: string;
+        content: {
+            type: string;
+            text: string;
+        };
+    }[];
+};
+//# sourceMappingURL=responsive-workflow.d.ts.map

package/dist/prompts/responsive-workflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive-workflow.d.ts","sourceRoot":"","sources":["../../src/prompts/responsive-workflow.ts"],"names":[],"mappings":"AAAA,wBAAgB,2BAA2B;;;;;;;;EAkD1C"}

package/dist/prompts/responsive-workflow.js

@@ -0,0 +1,52 @@
+export function getResponsiveWorkflowPrompt() {
+    return {
+        messages: [
+            {
+                role: 'user',
+                content: {
+                    type: 'text',
+                    text: `# FramingUI Responsive Optimization Workflow
+
+Use this workflow when the user asks to adapt an existing screen for smaller viewports, touch ergonomics, or density changes.
+
+## Primary command
+
+\`/responsive <target> [--mode mobile-first|tablet-safe|touch-optimized] [--density preserve|denser|lighter] [--breakpoint sm|md|lg]\`
+
+## Workflow
+
+1. Inspect the target screen or screen definition.
+2. Call \`list_tokens\` to confirm breakpoint and layout token options when layout changes are needed.
+3. Preserve the existing information architecture unless the current layout is clearly broken on smaller screens.
+4. Apply one primary responsive strategy:
+   - \`mobile-first\`: prioritize stacked layouts, simplified nav, compressed controls
+   - \`tablet-safe\`: preserve layout intent while preventing breakage around medium widths
+   - \`touch-optimized\`: increase hit targets, action spacing, and gesture-safe layouts
+5. Apply density refinement inside this command, not as a separate command:
+   - \`preserve\`: keep current information density, mainly reflow layout
+   - \`denser\`: preserve more information in constrained layouts
+   - \`lighter\`: reduce clutter and collapse secondary content
+6. Validate the updated definition with \`validate-screen-definition\`.
+7. If code output is requested, re-run \`generate_screen\`.
+
+## Expected output
+
+- Breakpoint-specific recommendations
+- Layout changes by section
+- Mobile/tablet nav strategy
+- Table/card/list transformations where relevant
+- Any overflow or cramped-interaction risks
+- Updated definition or regenerated code when requested
+
+## Important constraints
+
+- Do not invent unsupported layout tokens.
+- Do not split density into a standalone workflow; keep it under responsive optimization.
+- Prefer safe reflow over aesthetic-only changes.
+- If the current screen is already responsive, report that explicitly instead of forcing unnecessary edits.`,
+                },
+            },
+        ],
+    };
+}
+//# sourceMappingURL=responsive-workflow.js.map

package/dist/prompts/responsive-workflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive-workflow.js","sourceRoot":"","sources":["../../src/prompts/responsive-workflow.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,2BAA2B;IACzC,OAAO;QACL,QAAQ,EAAE;YACR;gBACE,IAAI,EAAE,MAAM;gBACZ,OAAO,EAAE;oBACP,IAAI,EAAE,MAAM;oBACZ,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4GAsC4F;iBACnG;aACF;SACF;KACF,CAAC;AACJ,CAAC"}

package/dist/prompts/slash-commands.d.ts

@@ -0,0 +1,10 @@
+export declare function getSlashCommandsPrompt(): {
+    messages: {
+        role: string;
+        content: {
+            type: string;
+            text: string;
+        };
+    }[];
+};
+//# sourceMappingURL=slash-commands.d.ts.map

package/dist/prompts/slash-commands.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slash-commands.d.ts","sourceRoot":"","sources":["../../src/prompts/slash-commands.ts"],"names":[],"mappings":"AAEA,wBAAgB,sBAAsB;;;;;;;;EA6BrC"}

package/dist/prompts/slash-commands.js

@@ -0,0 +1,31 @@
+import { listSlashCommands } from '../commands/slash-command-registry.js';
+export function getSlashCommandsPrompt() {
+    const commandLines = listSlashCommands()
+        .map(command => `- \`${command.name}\` - ${command.summary}\n  Usage: \`${command.usage}\``)
+        .join('\n');
+    return {
+        messages: [
+            {
+                role: 'user',
+                content: {
+                    type: 'text',
+                    text: `# FramingUI Slash Commands
+
+FramingUI exposes an intent-level command registry on top of MCP tools. Clients with slash menus or tab completion can render these commands directly. Clients without native command UX can use this registry for \`--help\` style guidance.
+
+## Command catalog
+
+${commandLines}
+
+## Notes
+
+- \`/responsive\` includes density control via \`--density preserve|denser|lighter\`
+- \`/update\` refreshes installed FramingUI packages in a target project
+- There is no standalone \`/density\`, \`/hierarchy\`, \`/palette\`, or \`/tone\` command in this phase
+- Use the \`command-help\` prompt with a command name to get detailed help for one command`,
+                },
+            },
+        ],
+    };
+}
+//# sourceMappingURL=slash-commands.js.map

package/dist/prompts/slash-commands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slash-commands.js","sourceRoot":"","sources":["../../src/prompts/slash-commands.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAE1E,MAAM,UAAU,sBAAsB;IACpC,MAAM,YAAY,GAAG,iBAAiB,EAAE;SACrC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,OAAO,CAAC,IAAI,QAAQ,OAAO,CAAC,OAAO,gBAAgB,OAAO,CAAC,KAAK,IAAI,CAAC;SAC3F,IAAI,CAAC,IAAI,CAAC,CAAC;IAEd,OAAO;QACL,QAAQ,EAAE;YACR;gBACE,IAAI,EAAE,MAAM;gBACZ,OAAO,EAAE;oBACP,IAAI,EAAE,MAAM;oBACZ,IAAI,EAAE;;;;;;EAMd,YAAY;;;;;;;2FAO6E;iBAClF;aACF;SACF;KACF,CAAC;AACJ,CAAC"}

package/dist/prompts/theme-swap-workflow.d.ts

@@ -0,0 +1,10 @@
+export declare function getThemeSwapWorkflowPrompt(): {
+    messages: {
+        role: string;
+        content: {
+            type: string;
+            text: string;
+        };
+    }[];
+};
+//# sourceMappingURL=theme-swap-workflow.d.ts.map

package/dist/prompts/theme-swap-workflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-swap-workflow.d.ts","sourceRoot":"","sources":["../../src/prompts/theme-swap-workflow.ts"],"names":[],"mappings":"AAAA,wBAAgB,0BAA0B;;;;;;;;EAiCzC"}

package/dist/prompts/theme-swap-workflow.js

@@ -0,0 +1,35 @@
+export function getThemeSwapWorkflowPrompt() {
+    return {
+        messages: [
+            {
+                role: 'user',
+                content: {
+                    type: 'text',
+                    text: `# FramingUI Theme Swap Workflow
+
+Use this workflow when the user wants to keep screen structure but change the visual system.
+
+## Primary command
+
+\`/theme-swap <target> --to <themeId> [--from <themeId>] [--output code|diff]\`
+
+## Workflow
+
+1. Confirm the target theme is available with \`list-themes\`.
+2. Inspect the theme with \`preview-theme\` if recipe coverage or tone differences matter.
+3. Re-run supported generation paths so the new theme is applied through recipes and contract-backed code generation.
+4. Warn when a component-theme pairing lacks a supported recipe path.
+5. If the user is applying the result inside a project, validate the environment when dependencies or setup requirements change.
+
+## Expected output
+
+- regenerated output or diff summary
+- target theme id
+- recipe coverage notes
+- unsupported pairing warnings when relevant`,
+                },
+            },
+        ],
+    };
+}
+//# sourceMappingURL=theme-swap-workflow.js.map

package/dist/prompts/theme-swap-workflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-swap-workflow.js","sourceRoot":"","sources":["../../src/prompts/theme-swap-workflow.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,0BAA0B;IACxC,OAAO;QACL,QAAQ,EAAE;YACR;gBACE,IAAI,EAAE,MAAM;gBACZ,OAAO,EAAE;oBACP,IAAI,EAAE,MAAM;oBACZ,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;6CAqB6B;iBACpC;aACF;SACF;KACF,CAAC;AACJ,CAAC"}

package/dist/prompts/update-workflow.d.ts

@@ -0,0 +1,10 @@
+export declare function getUpdateWorkflowPrompt(): {
+    messages: {
+        role: string;
+        content: {
+            type: string;
+            text: string;
+        };
+    }[];
+};
+//# sourceMappingURL=update-workflow.d.ts.map

package/dist/prompts/update-workflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-workflow.d.ts","sourceRoot":"","sources":["../../src/prompts/update-workflow.ts"],"names":[],"mappings":"AAAA,wBAAgB,uBAAuB;;;;;;;;EAkCtC"}

package/dist/prompts/update-workflow.js

@@ -0,0 +1,36 @@
+export function getUpdateWorkflowPrompt() {
+    return {
+        messages: [
+            {
+                role: 'user',
+                content: {
+                    type: 'text',
+                    text: `# FramingUI Update Workflow
+
+Use this workflow when the user wants to refresh installed FramingUI packages in a project.
+
+## Primary command
+
+\`/update [<project-path>] [--check]\`
+
+## Workflow
+
+1. Inspect the target project's package.json.
+2. Detect which FramingUI packages are already installed.
+3. Detect the package manager from lockfiles.
+4. Build the correct update command for the detected package manager.
+5. If the user requested a dry run, show the command only.
+6. If no FramingUI packages are installed, stop and suggest \`framingui-mcp init\`.
+
+## Expected output
+
+- detected package manager
+- installed FramingUI packages
+- exact update command
+- remediation hint when nothing is installed`,
+                },
+            },
+        ],
+    };
+}
+//# sourceMappingURL=update-workflow.js.map

package/dist/prompts/update-workflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-workflow.js","sourceRoot":"","sources":["../../src/prompts/update-workflow.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,uBAAuB;IACrC,OAAO;QACL,QAAQ,EAAE;YACR;gBACE,IAAI,EAAE,MAAM;gBACZ,OAAO,EAAE;oBACP,IAAI,EAAE,MAAM;oBACZ,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;6CAsB6B;iBACpC;aACF;SACF;KACF,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@framingui/mcp-server",
-  "version": "0.6.8",
+  "version": "0.6.10",
   "description": "Framingui MCP Server with Claude Code integration and timestamp-based preview system",
   "type": "module",
   "main": "./dist/index.js",
@@ -39,7 +39,7 @@
     "@babel/traverse": "^7.28.6",
     "@framingui/ui": "^0.6.5",
     "@modelcontextprotocol/sdk": "^1.26.0",
-    "@framingui/core": "^0.4.8"
+    "@framingui/core": "^0.4.3"
   },
   "devDependencies": {
     "@babel/types": "^7.28.6",