Creating AI products, the hardest part is often not calling the model but the interface: displaying what the agent is doing, allowing users to review risk steps, reviewing changes made by the agent, tracking costs. Knowns UI combines those screens into ready-made blocks, built with React and Tailwind, reading the theme of shadcn/ui so your color and dark mode remain unchanged.

What’s inside:

• Agent views: the terminal of the agent (pending approval commands, live output, exit code), viewing the agent controlling the browser and reclaiming control, agent diagram, drag-and-drop workflow builder.
• Approval and review: tool call card, approval box, line-by-line diff, access permissions.
• Chat: message composing frame, "thinking" status, sourced answers, conversation list, Artifact Canvas with version history and diff.
• Operations: RAG data source with indexing status, cost clock, charts, run tracking.
• Complete page: landing page template, dashboard, and docs page built from these blocks.
• Customization: change the color of an entire area with a variable --kn-accent, prop tone, and variant table cva to add your own variants.

Quality:

• Bright and dark, from mobile screens to desktop, usable with keyboard and screen reader.
• Intentional motion, respecting reduced motion settings.
• There is an MCP server to code agent (Claude Code, Cursor...) finding and installing components correctly.