128 lines
18 KiB
JSON
128 lines
18 KiB
JSON
{
|
|
"name": "Asana",
|
|
"slug": "asana",
|
|
"tagline": "AI-Power Your Asana in 2 Clicks",
|
|
"metaDescription": "Connect Asana to any AI model with MCPEngage. Manage tasks, automate workflows, and get instant project context through natural conversation.",
|
|
"badgeText": "Now Available — Connect Asana + AI",
|
|
"heroSubtitle": "MCPEngage connects Asana to any AI model via MCP.<br class=\"hidden sm:block\"><span class=\"text-white font-semibold\">Manage tasks, track projects, and automate workflows — all through conversation.</span>",
|
|
"urlBarPath": "asana",
|
|
"chatPlaceholder": "Ask about your Asana projects...",
|
|
"toolCount": "45",
|
|
"installPlatformName": "Asana",
|
|
"installToolCount": "45",
|
|
"sidebarIcons": [
|
|
{"icon": "check-square", "label": "Tasks"},
|
|
{"icon": "folder", "label": "Projects"},
|
|
{"icon": "users", "label": "Team"},
|
|
{"icon": "calendar", "label": "Timeline"}
|
|
],
|
|
"rightPanel": {
|
|
"tab1Label": "Tasks",
|
|
"tab1Icon": "check-square",
|
|
"tab1Count": "8",
|
|
"tab2Label": "Projects",
|
|
"tab2Icon": "folder",
|
|
"cards": [
|
|
{
|
|
"title": "Redesign homepage",
|
|
"subtitle": "Marketing Site • Due today",
|
|
"badge": "High",
|
|
"badgeColor": "red",
|
|
"tags": [
|
|
{"text": "3 subtasks", "bg": "bg-brand-500/15", "color": "text-brand-400"},
|
|
{"text": "Design", "bg": "bg-zinc-800", "color": "text-zinc-400"}
|
|
]
|
|
},
|
|
{
|
|
"title": "Q1 Planning Doc",
|
|
"subtitle": "Strategy • Due in 2 days",
|
|
"badge": "Medium",
|
|
"badgeColor": "yellow",
|
|
"tags": [
|
|
{"text": "In Progress", "bg": "bg-brand-500/15", "color": "text-brand-400"},
|
|
{"text": "Planning", "bg": "bg-zinc-800", "color": "text-zinc-400"}
|
|
]
|
|
},
|
|
{
|
|
"title": "Bug fix: checkout flow",
|
|
"subtitle": "Engineering • Due tomorrow",
|
|
"badge": "Urgent",
|
|
"badgeColor": "red",
|
|
"tags": [
|
|
{"text": "Blocked", "bg": "bg-red-500/15", "color": "text-red-400"},
|
|
{"text": "Frontend", "bg": "bg-zinc-800", "color": "text-zinc-400"}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"stats": [
|
|
{"value": 45, "suffix": "+", "label": "Asana Tools"},
|
|
{"prefix": "$", "value": 0, "label": "Setup Cost"},
|
|
{"value": 2, "suffix": "min", "label": "Install Time"},
|
|
{"display": "24/7", "label": "AI Access"}
|
|
],
|
|
"terminalLines": [
|
|
{"text": "$ npx mcpengage init", "color": "text-white", "delay": 0},
|
|
{"text": "", "color": "", "delay": 600},
|
|
{"text": "? Select your platform: Asana", "color": "text-cyan-400", "delay": 1200},
|
|
{"text": "", "color": "", "delay": 1600},
|
|
{"text": " Connecting to Asana API...", "color": "text-zinc-500", "delay": 2000},
|
|
{"text": "✓ Connected to Asana API", "color": "text-green-400", "delay": 3000},
|
|
{"text": "✓ 45 tools loaded", "color": "text-green-400", "delay": 3600},
|
|
{"text": "✓ Ready! Ask your AI anything about Asana", "color": "text-green-400", "delay": 4200}
|
|
],
|
|
"beforeItems": [
|
|
{"title": "Manual task updates", "desc": "Spend 30+ minutes each morning updating task statuses across projects"},
|
|
{"title": "Lost context switching", "desc": "Jump between Asana, Slack, email, and docs to piece together project status"},
|
|
{"title": "Forgotten dependencies", "desc": "Tasks get blocked because nobody remembers what depends on what"},
|
|
{"title": "Outdated status reports", "desc": "Spend hours copy-pasting data into slides for stakeholder updates"}
|
|
],
|
|
"afterItems": [
|
|
{"title": "AI-powered updates", "desc": "\"Mark all completed tasks from last week as done\" — finished in seconds"},
|
|
{"title": "Instant project insights", "desc": "Ask \"What's blocking the marketing site launch?\" and get the full picture"},
|
|
{"title": "Smart dependencies", "desc": "AI identifies and manages task dependencies automatically"},
|
|
{"title": "Auto-generated reports", "desc": "\"Summarize Q1 progress for the exec team\" — done instantly"}
|
|
],
|
|
"painPointsHeadline": "Your Team Is<br><span class=\"text-red-400\">Drowning in Tasks</span>",
|
|
"painPointsSubHeadline": "Asana keeps everything organized, but managing it all takes more time than the actual work.",
|
|
"painPoints": [
|
|
{"icon": "clipboard-list", "title": "Task Overload", "desc": "Your team has 200+ tasks across 15 projects. Nobody knows what to prioritize. Daily standups turn into hour-long status marathons."},
|
|
{"icon": "git-branch", "title": "Dependency Hell", "desc": "Task A blocks Task B which blocks Task C. One delay cascades into chaos. Your timeline view is a red sea of overdue items."},
|
|
{"icon": "refresh-cw", "title": "Update Fatigue", "desc": "Constantly updating assignees, due dates, and statuses. Your team spends 40% of their time managing Asana instead of shipping work."}
|
|
],
|
|
"howItWorksHeadline": "Three Steps to<br><span class=\"gradient-text\">AI-Powered Project Management</span>",
|
|
"howItWorks": [
|
|
{"title": "Connect Your Asana", "desc": "Paste your Asana API token. MCPEngage discovers all workspaces, projects, and tasks, building 45+ tools automatically. No code, no configuration, no DevOps."},
|
|
{"title": "Ask in Plain English", "desc": "\"Show me all high-priority tasks due this week.\" \"Create a task to review the homepage redesign.\" \"What's blocking the Q1 launch?\" Your AI understands and acts."},
|
|
{"title": "Automate Everything", "desc": "Set up recurring workflows: auto-assign tasks based on tags, update project timelines, generate weekly status reports, and sync data across your stack — all running 24/7."}
|
|
],
|
|
"featuresHeadline": "Everything to<br><span class=\"gradient-text\">Supercharge Asana</span>",
|
|
"featuresSubtext": "45+ Asana tools accessible through one natural-language interface.",
|
|
"features": [
|
|
{"icon": "check-square", "title": "Task Management", "desc": "Create, update, assign, and complete tasks through conversation. \"Assign the homepage redesign to Sarah.\""},
|
|
{"icon": "folder", "title": "Project Tracking", "desc": "Monitor project progress, timelines, and milestones. \"Show me all projects behind schedule.\""},
|
|
{"icon": "calendar", "title": "Timeline Automation", "desc": "Auto-adjust due dates when dependencies shift. \"Push back the launch date by 2 weeks.\""},
|
|
{"icon": "users", "title": "Team Workload", "desc": "Balance workload across team members. \"Who has capacity to take on the new design task?\""},
|
|
{"icon": "bar-chart-3", "title": "Progress Reports", "desc": "Generate status updates and burndown charts on demand. \"Summarize Marketing Site project for stakeholders.\""},
|
|
{"icon": "tag", "title": "Smart Tagging", "desc": "Auto-tag and categorize tasks based on content. \"Tag all tasks mentioning 'SEO' with the Marketing label.\""}
|
|
],
|
|
"faq": [
|
|
{"q": "What is MCP?", "a": "MCP (Model Context Protocol) is an open standard created by Anthropic that lets AI models securely connect to external tools and data sources. Think of it as a USB port for AI — MCPEngage uses MCP to give your AI real-time read/write access to Asana."},
|
|
{"q": "How does it connect to Asana?", "a": "You provide your Asana Personal Access Token (generated in Asana Developer Console). MCPEngage uses the Asana REST API to create 45+ tools covering tasks, projects, sections, tags, custom fields, and more. Your credentials are encrypted and never stored on our servers."},
|
|
{"q": "Can it handle custom fields?", "a": "Yes! MCPEngage automatically detects all your custom fields (dropdowns, text, numbers, dates) and makes them queryable. You can filter, update, and report on custom fields through natural language."},
|
|
{"q": "What AI models are supported?", "a": "Any MCP-compatible AI client works — Claude Desktop, Cursor, Windsurf, ChatGPT (via plugin), and more. MCPEngage is model-agnostic; it provides the tools, your preferred AI provides the intelligence."},
|
|
{"q": "How much does it cost?", "a": "MCPEngage is free during the beta period. After launch, pricing starts at $29/month per platform connection. Enterprise plans with custom integrations and priority support are available on request."},
|
|
{"q": "Can I use it with other platforms?", "a": "Yes! MCPEngage supports 66+ platforms including Jira, Linear, ClickUp, Notion, Slack, GitHub, and many more. Each platform gets its own MCP server with platform-specific tools. Connect as many as you need."}
|
|
],
|
|
"chatMessages": [
|
|
{"type": "user", "text": "Show me all high-priority tasks due this week"},
|
|
{"type": "ai", "text": "Found 5 high-priority tasks due this week:", "embed": "<div style=\"background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:12px;overflow:hidden;margin-top:8px;max-width:420px;\"><div style=\"display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,0.06);background:rgba(23,195,178,0.05);\"><div style=\"display:flex;align-items:center;gap:8px;\"><div style=\"width:6px;height:6px;border-radius:50%;background:#17c3b2;\"></div><span style=\"font-size:11px;font-weight:700;color:#17c3b2;text-transform:uppercase;letter-spacing:0.5px;\">High Priority Tasks</span></div><span style=\"font-size:10px;color:rgba(255,255,255,0.3);font-family:monospace;\">5 results</span></div><div style=\"padding:0;\"><div style=\"display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,0.04);\"><div style=\"flex-shrink:0;width:28px;height:28px;border-radius:8px;background:rgba(239,68,68,0.15);display:flex;align-items:center;justify-content:center;\"><span style=\"font-size:10px;font-weight:800;color:#ef4444;\">!</span></div><div style=\"flex:1;min-width:0;\"><div style=\"display:flex;align-items:center;gap:6px;margin-bottom:2px;\"><span style=\"font-size:12px;font-weight:600;color:#e4e4e7;\">Redesign homepage</span></div><div style=\"display:flex;align-items:center;gap:6px;\"><span style=\"font-size:10px;color:rgba(255,255,255,0.3);\">Marketing Site · Due today</span><span style=\"display:inline-block;padding:1px 6px;border-radius:4px;font-size:9px;font-weight:600;background:rgba(239,68,68,0.15);color:#f87171;\">High</span></div></div><span style=\"padding:2px 8px;border-radius:6px;font-size:9px;font-weight:700;background:rgba(139,92,246,0.15);color:#a78bfa;\">Design</span></div><div style=\"display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,0.04);\"><div style=\"flex-shrink:0;width:28px;height:28px;border-radius:8px;background:rgba(239,68,68,0.15);display:flex;align-items:center;justify-content:center;\"><span style=\"font-size:10px;font-weight:800;color:#ef4444;\">!</span></div><div style=\"flex:1;min-width:0;\"><div style=\"display:flex;align-items:center;gap:6px;margin-bottom:2px;\"><span style=\"font-size:12px;font-weight:600;color:#e4e4e7;\">Bug fix: checkout flow</span></div><div style=\"display:flex;align-items:center;gap:6px;\"><span style=\"font-size:10px;color:rgba(255,255,255,0.3);\">Engineering · Due tomorrow</span><span style=\"display:inline-block;padding:1px 6px;border-radius:4px;font-size:9px;font-weight:600;background:rgba(245,158,11,0.15);color:#fbbf24;\">Blocked</span></div></div><span style=\"padding:2px 8px;border-radius:6px;font-size:9px;font-weight:700;background:rgba(59,130,246,0.15);color:#60a5fa;\">Frontend</span></div><div style=\"display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,0.04);\"><div style=\"flex-shrink:0;width:28px;height:28px;border-radius:8px;background:rgba(245,158,11,0.15);display:flex;align-items:center;justify-content:center;\"><span style=\"font-size:10px;font-weight:800;color:#f59e0b;\">▲</span></div><div style=\"flex:1;min-width:0;\"><div style=\"display:flex;align-items:center;gap:6px;margin-bottom:2px;\"><span style=\"font-size:12px;font-weight:600;color:#e4e4e7;\">Write Q1 investor update</span></div><div style=\"display:flex;align-items:center;gap:6px;\"><span style=\"font-size:10px;color:rgba(255,255,255,0.3);\">Strategy · Due Friday</span></div></div><span style=\"padding:2px 8px;border-radius:6px;font-size:9px;font-weight:700;background:rgba(236,72,153,0.15);color:#f472b6;\">Executive</span></div><div style=\"display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,0.04);\"><div style=\"flex-shrink:0;width:28px;height:28px;border-radius:8px;background:rgba(245,158,11,0.15);display:flex;align-items:center;justify-content:center;\"><span style=\"font-size:10px;font-weight:800;color:#f59e0b;\">▲</span></div><div style=\"flex:1;min-width:0;\"><div style=\"display:flex;align-items:center;gap:6px;margin-bottom:2px;\"><span style=\"font-size:12px;font-weight:600;color:#e4e4e7;\">Finalize pricing model</span></div><div style=\"display:flex;align-items:center;gap:6px;\"><span style=\"font-size:10px;color:rgba(255,255,255,0.3);\">Product · Due Wed</span></div></div><span style=\"padding:2px 8px;border-radius:6px;font-size:9px;font-weight:700;background:rgba(34,197,94,0.15);color:#4ade80;\">Pricing</span></div><div style=\"display:flex;align-items:center;gap:10px;padding:10px 14px;\"><div style=\"flex-shrink:0;width:28px;height:28px;border-radius:8px;background:rgba(239,68,68,0.15);display:flex;align-items:center;justify-content:center;\"><span style=\"font-size:10px;font-weight:800;color:#ef4444;\">!</span></div><div style=\"flex:1;min-width:0;\"><div style=\"display:flex;align-items:center;gap:6px;margin-bottom:2px;\"><span style=\"font-size:12px;font-weight:600;color:#e4e4e7;\">Security audit prep</span></div><div style=\"display:flex;align-items:center;gap:6px;\"><span style=\"font-size:10px;color:rgba(255,255,255,0.3);\">Compliance · Due Thu</span></div></div><span style=\"padding:2px 8px;border-radius:6px;font-size:9px;font-weight:700;background:rgba(239,68,68,0.15);color:#f87171;\">Security</span></div></div><div style=\"padding:8px 14px;border-top:1px solid rgba(255,255,255,0.06);display:flex;align-items:center;justify-content:space-between;\"><span style=\"font-size:10px;color:rgba(255,255,255,0.25);\">2 tasks are blocked</span><span style=\"font-size:10px;color:#17c3b2;cursor:pointer;\">Open in Asana →</span></div></div>"},
|
|
{"type": "user", "text": "Create a task to review the homepage redesign and assign it to Sarah"},
|
|
{"type": "ai", "text": "Task created and assigned!", "embed": "<div style=\"background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:12px;overflow:hidden;margin-top:8px;max-width:420px;\"><div style=\"display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,0.06);background:rgba(34,197,94,0.05);\"><div style=\"display:flex;align-items:center;gap:8px;\"><div style=\"width:6px;height:6px;border-radius:50%;background:#22c55e;\"></div><span style=\"font-size:11px;font-weight:700;color:#22c55e;text-transform:uppercase;letter-spacing:0.5px;\">Task Created</span></div><span style=\"font-size:10px;color:rgba(255,255,255,0.3);font-family:monospace;\">Just now</span></div><div style=\"padding:14px;\"><div style=\"display:flex;align-items:start;gap:12px;margin-bottom:12px;\"><div style=\"flex-shrink:0;width:32px;height:32px;border-radius:8px;background:rgba(23,195,178,0.15);display:flex;align-items:center;justify-content:center;\"><span style=\"font-size:14px;\">✓</span></div><div style=\"flex:1;\"><div style=\"font-size:14px;font-weight:600;color:#e4e4e7;margin-bottom:4px;\">Review homepage redesign</div><div style=\"font-size:11px;color:rgba(255,255,255,0.4);margin-bottom:8px;\">Marketing Site project</div><div style=\"display:flex;gap:8px;flex-wrap:wrap;\"><span style=\"padding:3px 10px;border-radius:6px;font-size:10px;font-weight:600;background:rgba(139,92,246,0.15);color:#a78bfa;display:flex;align-items:center;gap:4px;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"8\" r=\"4\"/><path d=\"M6 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2\"/></svg>Sarah Chen</span><span style=\"padding:3px 10px;border-radius:6px;font-size:10px;font-weight:600;background:rgba(34,197,94,0.15);color:#4ade80;\">Due: Next Monday</span><span style=\"padding:3px 10px;border-radius:6px;font-size:10px;font-weight:600;background:rgba(245,158,11,0.15);color:#fbbf24;\">Medium Priority</span></div></div></div><div style=\"background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:8px;padding:10px 12px;\"><div style=\"font-size:10px;font-weight:600;color:rgba(255,255,255,0.5);margin-bottom:6px;text-transform:uppercase;letter-spacing:0.5px;\">Subtasks added:</div><div style=\"display:flex;flex-direction:column;gap:4px;\"><div style=\"display:flex;align-items:center;gap:6px;\"><div style=\"width:12px;height:12px;border:1.5px solid rgba(255,255,255,0.2);border-radius:3px;\"></div><span style=\"font-size:11px;color:rgba(255,255,255,0.6);\">Check mobile responsiveness</span></div><div style=\"display:flex;align-items:center;gap:6px;\"><div style=\"width:12px;height:12px;border:1.5px solid rgba(255,255,255,0.2);border-radius:3px;\"></div><span style=\"font-size:11px;color:rgba(255,255,255,0.6);\">Verify brand guidelines compliance</span></div><div style=\"display:flex;align-items:center;gap:6px;\"><div style=\"width:12px;height:12px;border:1.5px solid rgba(255,255,255,0.2);border-radius:3px;\"></div><span style=\"font-size:11px;color:rgba(255,255,255,0.6);\">Get stakeholder sign-off</span></div></div></div></div><div style=\"padding:8px 14px;border-top:1px solid rgba(255,255,255,0.06);display:flex;align-items:center;justify-content:space-between;\"><span style=\"font-size:10px;color:rgba(255,255,255,0.25);\">Sarah will be notified</span><span style=\"font-size:10px;color:#17c3b2;cursor:pointer;\">Open in Asana →</span></div></div>"}
|
|
],
|
|
"ctaHeadline": "Start Automating Asana<br><span class=\"gradient-text\">Today</span>",
|
|
"ctaSubtext": "Join thousands of teams using MCPEngage to supercharge their project management.",
|
|
"painPointsHeadline": "Your Team Is<br><span class=\"text-red-400\">Drowning in Tasks</span>",
|
|
"painPointsSubHeadline": "Asana keeps everything organized, but managing it all takes more time than the actual work."
|
|
}
|