
Add the Canvas Design: Webhook Logs page using the existing webhook_events table with filtering, retry, and an expandable payload viewer.
Codes like it's been on your team
Kombai deeply understands your frontend stack, best practices, and reusable code. So every task starts with the context of an engineer who knows your codebase.
Always-on best practices for your stack
Kombai scans your repo, understands your whole stack, and applies human-tested best practices for 400+ frontend libraries. This improves accuracy without wasting tokens.
Consistent code reuse from your repo, npm packages, and Storybook
Context Graphs give Kombai a semantic understanding of your code across sources. So it consistently reuses what's already there, including components, hooks, tokens, types, and constants.
FilterBar already handles status filtering and useMatchPolling manages live updates. I'll wire them into MatchView rather than rewriting that logic.Agentic superpowers, built for frontend work
From planning to debugging, Kombai comes with specialized capabilities for the parts of frontend work that generic coding agents often struggle with.
Skills Library
Developer-tested skills for common frontend tasks, from wireframing and architectural diagrams to SEO improvements, accessibility checks, and more.
Plan Mode
Proposes plans with frontend-specific details such as lo-fi mockups, design choices, and component structure. Asks targeted clarifications when there's ambiguity.
Debug Mode
Uses specialized debugging strategies to find tricky frontend bugs. Automatically tracks temporary debugging changes and reverts them cleanly when you're done.
Agent Variants
Kombai continuously benchmarks top models across common frontend tasks and routes each request to the best-fit model for your chosen cost tier.
Best for hard tasks & deep reasoning.
Uses Opus 4.6
Excels in complex problem-solving and reasoning
Balances cost-efficiency with quality output
Good for high volume, low-complexity tasks
Native Figma Integration
Parses complex design files, fixes common issues like messy grouping and invisible layers, and extracts icons and assets. No MCP needed.
Enter the link to your Figma frame
Ask Kombai to turn your designs into code by attaching a link to a desired frame in your Figma file.
Right click frame > "Copy/Paste as" > "Copy link to selection"
Closes the loop on every edit
Kombai runs checks, tests your app in the browser, and fixes issues before marking a coding task complete.
Verifies in-browser, automatically
All code changes are applied. Let me verify everything renders correctly in the browser.
Navigated to localhost:3000/account. Page loaded in 1.2s — no console errors. Screenshot captured.
The account page loads correctly. Checking navigation tabs now.
Clicked "Transactions" tab. Table renders 12 rows. Scrolled to bottom — pagination visible.
I noticed a layout shift when loading the table — CLS is 0.18. Fixing skeleton dimensions.
Reloaded page. CLS now 0.02 — within threshold. No layout shift on scroll or tab switch.
Done. All issues found during testing have now been fixed- localhost:3000. The layout shift is resolved, tabs render correctly, and there are no console errors or warnings.
Kombai uses the browser to verify its own work — with full access to console logs, network activity, performance data, and computed and raw styles.
Auto-fix errors as they happen
Code changes applied. Running lint and type checks.
Found lint errors
AccountCard has an unused import, TransactionTable is missing a key prop, and FilterBar uses any. Removing the import, adding txn.id as the row key, and replacing any with TransactionFilter.
All lint and type errors are resolved. The codebase is clean — handing it back to you.
After every code edit, Kombai checks for lint, build, and runtime errors, then fixes them automatically before handing the code back to you.
Everything you'd expect from a modern coding agent
Kombai has all the familiar features of a complete coding agent. All the modern capabilities you rely on are here, and just work.
MCPs
Connect Kombai to external services, tools, and data sources through MCP.
Parallel agent runs
Use parallel threads to run multiple tasks at once, without waiting for earlier ones to finish.
I'll update the footer links and navigation config to match the new sitemap.
Found 3 outdated links, a stale nav config, and a broken sitemap entry. Updating all three.
I've updated all three files. Everything should be pointing to the right routes now.
Auto-compaction
Let Kombai intelligently compacts long threads or toggle it off to trigger it manually anytime.
Now update the sidebar to be collapsible and add a footer with social links.
I'll make the sidebar collapsible and add footer links with social icons. Let me check what's already there.
The sidebar uses a fixed layout right now. I'll add a collapse toggle with local state and animate the width. The footer just needs a row of icon links added at the bottom.
I've added the collapse toggle to the sidebar and a social links row to the footer. Should be good to go.
Custom commands and skills
Add your own slash commands and skills to extend Kombai for your specific workflows.
Web fetch tools
Bring in context from any URL, including docs, references, and content sources.
Read ui.shadcn.com/docs/sidebar and update our AppSidebar to use the new component.
Let me fetch the latest sidebar docs from shadcn.
It uses a composition model with SidebarProvider and SidebarContent. I'll refactor AppSidebar and update the layout wrapper to match.
I've migrated AppSidebar and wrapped the layout with SidebarProvider. Your nav items and icons are all intact.
Terminal access
Kombai executes terminal commands autonomously to complete tasks end-to-end.
Got it. A Vite + React + TypeScript + shadcn + Tailwind v4 project inside packages/new-app. Let me fetch the relevant setup skills first.
I've scaffolded the project and initialized shadcn. Ready to start building components.