A Visual Journey Through Usable

Follow along as we explore every corner of Usable's interface. This comprehensive visual tour shows you exactly how workspaces, memory fragments, Usable Chat, and MCP integration work together to give your AI agents the persistent memory they need.

Click any screenshot to view it full-size.

1. Welcome to Usable

Your journey begins at usable.dev — the home of knowledge management for AI agents. Our friendly nudibranch mascot greets you with a simple message: Your AI Agent Sucks at Knowledge Management. Usable to the rescue.

Usable landing page with mascot

The Usable Landing Page: A clean, modern interface introduces you to Usable's core value proposition — plug-and-play knowledge management that skips the RAG/GraphRAG complexity. You can watch a demo or sign up immediately.

2. Your Workspaces

After logging in, you land on the Workspaces dashboard — your central hub for organizing knowledge. Each workspace can contain memory fragments, team members, and custom configurations.

Workspaces dashboard

Your Workspaces Dashboard: The clean interface shows your existing workspaces at a glance. Notice the key actions: Connect MCP to link your IDE, Discover Public to find shared workspaces, and + New Workspace to create your own. Every new user starts with a "Getting Started" workspace.

3. Inside a Workspace

Each workspace organizes your knowledge into different fragment types. The "Getting Started" workspace comes pre-populated with helpful onboarding guides.

Inside Getting Started workspace

Workspace Overview: This is the heart of Usable. You can see your Memory Fragments organized by type — Instruction Set, Knowledge, Recipe, Solution, and Template. The sidebar shows workspace members, quick actions, and statistics. Each fragment type is color-coded for easy identification.

4. Memory Fragments

Memory fragments are the building blocks of Usable. They store your knowledge in a structured, searchable format that your AI agents can access.

Memory fragments list

Memory Fragments List: Browse all your fragments with filtering capabilities. Each fragment shows its type, title, description, tags, author, and creation date. The filter bar lets you narrow down by type, and you can search across all content.

Fragment detail view

Fragment Detail: Dive deep into any fragment. This "Welcome to Usable" knowledge fragment explains what Usable is, why persistent memory matters, and key concepts. Notice the tags for organization, the "Copy Raw" button for easy sharing, and the rich markdown content.

MCP connection recipe

Recipe Fragment: Recipes provide step-by-step guides. This one walks you through connecting to Usable via MCP, including generating API tokens, configuring your IDE, and setting up permissions. Recipes are perfect for onboarding and standardizing processes.

5. Search & Discovery

Usable's powerful search lets you find relevant knowledge instantly — whether you're searching from the UI or through your AI agent.

Global search dialog

Global Search: Press the search bar to open the Global Search dialog. It shows suggested fragments based on your activity and supports semantic search to find content by meaning, not just keywords.

Search results for MCP

Search Results: Searching for "mcp" returns 5 results in 52ms. Each result shows the fragment type, title, matching content preview with highlighted keywords, relevance score, tags, and the workspace it belongs to.

Filter by tag

Tag Filtering: Quickly filter fragments by tag. Here we've filtered by "tag:mcp" to see only MCP-related content. Tags help organize your knowledge and make discovery effortless.

6. Creating Content

Adding new knowledge to Usable is simple. You can create fragments from scratch with AI assistance or import from PDFs.

Create fragment options

Create Fragment Options: Choose how to create your fragment. Create from scratch gives you full control with AI-assisted content generation, while Import from PDF automatically extracts content, titles, summaries, and tags using AI analysis.

Create fragment form

Fragment Editor: The creation form includes fragment type selection, title, summary (with AI generation), content area, and tags. The AI can generate summaries and tags automatically once you've added title and content.

7. Creating Workspaces

Create workspaces to organize knowledge by project, team, or domain. Each workspace can be private or public.

Create workspace dialog

New Workspace Dialog: Enter a name, description, and choose visibility. Private workspaces are only accessible to invited members, while public workspaces can be discovered and subscribed to by anyone.

Creating My CRM workspace

Example: Creating "My CRM": Here we're creating a workspace for organizing a sales pipeline — tracking opportunities, interactions, proposals, and agreements. This demonstrates how Usable adapts to any use case.

New My CRM workspace

Workspace Created: The new "My CRM" workspace is ready. It comes with default fragment types, and you can immediately start creating content, inviting members, or adjusting settings.

8. Advanced Settings

Usable offers powerful configuration options including custom fragment types, webhooks, AI graph features, and search optimization.

Workspace settings

Workspace Settings: Manage basic information, workspace ID (for API/MCP configuration), and visibility. The settings page gives you complete control over your workspace.

AI Graph Features and BYOK

AI Graph Features: Advanced features include automatic concept extraction and smart relationship discovery between fragments. The BYOK (Bring Your Own Key) feature lets Pro users use their own AI provider API keys.

Create webhook

Webhooks: Set up webhooks to receive notifications when fragments are created, updated, or deleted. This enables powerful integrations with external systems.

Create fragment type

Custom Fragment Types: Create your own fragment types to match your workflow. Here we're creating an "Opportunity" type for tracking sales opportunities, with custom icon and color. This extensibility makes Usable adaptable to any domain.

AI Search Configuration

AI Search Configuration: Fine-tune how the AI understands your content with Concept Evolution (defining relationships like "Usable also means Memory Mesh") and Tag Aliases for automatic search expansion.

9. Usable Chat

Usable Chat is an AI assistant with persistent memory and agentic capabilities. It can search your knowledge base, create fragments, and remember your conversations.

Usable Chat landing

Usable Chat: Access at chat.usable.dev. It's an AI assistant with persistent conversation memory, multi-step agentic reasoning, knowledge base integration, and secure SSO authentication.

Chat sign in features

Key Features: Persistent conversation memory across sessions, multi-step agentic reasoning for complex tasks, deep knowledge base integration, and enterprise-grade security with SSO.

Chat interface with prompt

Starting a Conversation: Ask anything — here we're requesting a complete sales pipeline management system for the "My CRM" workspace. The chat understands context and can work with your workspaces directly.

Chat AI response with thought process

AI Thinking Process: Watch as the AI works through your request. It lists workspaces, gets fragment types, and then creates a comprehensive solution. The transparent thought process shows exactly what the AI is doing.

Create project dialog

Projects: Group conversations into projects with custom system prompts. Each project can have its own context and personality, perfect for organizing work across different areas.

Add context to project

Project Context: Add workspaces or specific fragments to your project's context. These will be available to all conversations in the project, ensuring the AI always has the right knowledge.

10. MCP Integration

Connect Usable to your favorite AI tools using the Model Context Protocol (MCP). Works with Cursor, Claude, VS Code, Windsurf, and more.

Connect MCP dialog

MCP Connection Guide: Step-by-step instructions for connecting your IDE. Generate an API token, then copy the configuration into your IDE's MCP settings. Supports Cursor, Claude Desktop, Windsurf, and VS Code with tabs for each.

Available MCP tools

Available MCP Tools: Once connected, your AI assistant gains access to powerful tools: agentic-search-fragments, create-memory-fragment, search-memory-fragments, update-memory-fragment, list-workspaces, get-fragment-types, and list-memory-fragments.

Discover public workspaces

Discover Public Workspaces: Find and subscribe to public workspaces to access shared knowledge. Here we're searching for "flow" and finding the "Flowcore Public" workspace with documentation and use cases.

11. Account & Billing

Manage your profile, API tokens, and subscription from the account settings.

Account profile

Profile: View your account information including name, email, membership date, account status, and owned workspaces. The usage overview shows your current plan and monthly allowances for storage, generation tokens, and embedding tokens.

API tokens

API Tokens: Create and manage personal access tokens for API authentication. These tokens can access multiple workspaces based on your permissions and are essential for MCP connections.

Subscription tab

Subscription: View your billing period, current plan, and charges. The Free plan includes 1 GB storage, 5.0M generation tokens, and 2.0M embedding tokens. Upgrade anytime to access more features and higher limits.

Dashboard with notifications

Notifications: Stay informed about updates to your workspaces and fragments. The notification panel shows activity and keeps you connected to your team's work.

12. Files & Attachments

Attach files to your fragments and manage them centrally. Files are indexed and can be linked to multiple fragments.

Fragment types and next steps

Fragment Types Reference: A helpful guide showing all fragment types — Knowledge, Recipe, Solution, Template, and Instruction Set — each serving a specific purpose. The "Next Steps" section guides you through your onboarding journey.

File attachments section

File Attachments: Upload files directly to your fragments. Attached files become part of your knowledge base and can be referenced by AI agents. Upload any file type up to the limits of your plan.

File upload success

Upload Success: Files are uploaded and attached instantly. The notification confirms success, and the file appears in the attachments list with its type, size, and upload date.

Files management page

Files Management: View all files in your workspace from the central Files page. See which fragments reference each file, download files, or delete them. Files can be attached to multiple fragments for efficient reuse.

Ready to Experience Usable?

Start building AI agents with better knowledge management today. Free tier available — no credit card required.