flowpack
Flowpack: Shopify design catalog — badge/button/bar looks, honest-urgency presets, diagnosis.
사용해야 할까요
품질 및 안전성
도구 정의와 프로토콜 준수에 대한 자동 분석을 기반으로 합니다.
컨텍스트 비용
이는 서버의 도구가 모델의 컨텍스트에 로드될 때마다 소비되는 대략적인 토큰 수입니다. 수치가 높을수록 다른 작업에 사용할 수 있는 주의가 줄어듭니다.
설치
원클릭 설치
`claude_desktop_config.json` 파일에 다음을 추가하세요:
{
"mcpServers": {
"flowpack": {
"url": "https://flowpack-mcp.flowpackplugin.workers.dev/mcp"
}
}
}원격 엔드포인트
https://flowpack-mcp.flowpackplugin.workers.dev/mcpstreamable-http할 수 있는 일
도구 목록
도구 (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'.
입력 스키마
{
"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().
입력 스키마
{
"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'.
입력 스키마
{
"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.
입력 스키마
{
"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.
입력 스키마
{
"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)"
}
}
}커뮤니티
증거