flowpack
Flowpack: Shopify design catalog — badge/button/bar looks, honest-urgency presets, diagnosis.
Should I use this
Quality & Safety
Based on automated analysis of tool definitions and protocol compliance.
Context Cost
This is the approximate number of tokens consumed each time the server's tools are loaded into a model's context. Higher counts reduce the attention available for other tasks.
Install
One-Click Install
Add this to your `claude_desktop_config.json` file:
{
"mcpServers": {
"flowpack": {
"url": "https://flowpack-mcp.flowpackplugin.workers.dev/mcp"
}
}
}Remote endpoints
https://flowpack-mcp.flowpackplugin.workers.dev/mcpstreamable-httpWhat it can do
Tool inventory
Tools (5)
⚪browse(domain, query, facet, page, page_size)
Universal catalog reader. Routes by domain ('kits', 'presets', 'palettes', 'seasonal', 'settings', 'decorations', 'effects', 'diagnostics', 'anatomy', 'compatibility') with optional facet filter (e.g., 'button.hover') and free-text query. Returns paged items with id/name/description and metadata-only marker. Use this for ANY merchant question about 'what options are available' or 'show me X'.
Input Schema
{
"type": "object",
"properties": {
"domain": {
"type": "string",
"enum": [
"kits",
"presets",
"palettes",
"seasonal",
"settings",
"decorations",
"effects",
"diagnostics",
"anatomy",
"compatibility"
]
},
"query": {
"type": "string"
},
"facet": {
"type": "string"
},
"page": {
"type": "integer",
"minimum": 1
},
"page_size": {
"type": "integer",
"minimum": 1,
"maximum": 50
}
},
"required": [
"domain"
]
}🟡plan(intent, context)
MASTER KEY tool. Analyzes natural-language merchant intent ('make my buttons feel premium', 'wellness brand vibe', 'BFCM aggressive') and returns a structured plan of settings to change across Flowpack's Button + Cart + Badge + Variant + Frosty Pill kits. Handles single tweaks (one hover style) and full overhauls (50+ settings) with the same call. Returns opaque plan_id, change count, preview URL, and reasoning. ALWAYS call preview() before execute().
Input Schema
{
"type": "object",
"properties": {
"intent": {
"type": "string",
"description": "Natural-language merchant intent"
},
"context": {
"type": "object",
"properties": {
"current_settings": {
"type": "object"
},
"brand_hint": {
"type": "string"
},
"theme": {
"type": "string"
},
"products": {
"type": "array",
"items": {
"type": "string"
}
},
"season": {
"type": "string"
},
"constraints": {
"type": "array",
"items": {
"type": "string"
}
},
"market": {
"type": "string"
}
}
}
},
"required": [
"intent"
]
}🟢explain(plan_id, setting_path, audience, detail)
Natural-language explanation of a plan_id (what it does) or setting_path (what one setting controls). Audience: merchant (default), developer, or reviewer. Detail: brief (1-2 sentences) or deep (full context + related settings + a11y notes). Use when merchant asks 'what does this do' or 'why this preset'.
Input Schema
{
"type": "object",
"properties": {
"plan_id": {
"type": "string"
},
"setting_path": {
"type": "string"
},
"audience": {
"type": "string",
"enum": [
"merchant",
"developer",
"reviewer"
]
},
"detail": {
"type": "string",
"enum": [
"brief",
"deep"
]
}
}
}⚪recommend(scenario, context)
Goal-oriented recommendation engine. Scenarios: 'personalized_4_plans' (returns 4 diverse plans — safe / aspirational / seasonal / conversion-tested), 'preset_for_brand', 'color_palette_for_theme', 'touch_target_for_devices', 'motion_density_for_audience', 'seasonal_for_calendar', 'diagnostics_first_check'. Use for proactive suggestions when merchant intent is unclear.
Input Schema
{
"type": "object",
"properties": {
"scenario": {
"type": "string",
"enum": [
"preset_for_brand",
"color_palette_for_theme",
"touch_target_for_devices",
"motion_density_for_audience",
"seasonal_for_calendar",
"diagnostics_first_check",
"personalized_4_plans"
]
},
"context": {
"type": "object"
}
},
"required": [
"scenario"
]
}⚪diagnose(symptom, kit, deep)
Runtime + theme + settings harmony check. Free-text symptom (e.g., 'cart drawer feels slow', 'badges not appearing') OR kit-scoped check. Returns categorized issues (theme_compat / settings_conflict / runtime_error / a11y / performance) with severity and optional fix_plan_id callable via execute(). health_score 0-100.
Input Schema
{
"type": "object",
"properties": {
"symptom": {
"type": "string"
},
"kit": {
"type": "string",
"enum": [
"button",
"cart",
"badge",
"variant",
"global"
]
},
"deep": {
"type": "boolean",
"description": "Run full theme compat sweep (slower)"
}
}
}Community
Evidence