Requirements
- Target platform
- OpenClaw
- Install method
- Manual import
- Extraction
- Extract archive
- Prerequisites
- OpenClaw
- Primary doc
- SKILL.md
Universal AI Interface framework for making applications AI-controllable. Use when adding AI tool decorators, setting up chat adapters, creating AI-callable functions, or integrating CopilotKit.
Universal AI Interface framework for making applications AI-controllable. Use when adding AI tool decorators, setting up chat adapters, creating AI-callable functions, or integrating CopilotKit.
Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.
I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete.
I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run.
npm install @supernal/interface
Decorate functions → AI can call them with full type safety.
import { Tool } from '@supernal/interface'; class TodoApp { @Tool({ name: 'add_todo', description: 'Add a new todo item', category: 'productivity' }) async addTodo(text: string): Promise<Todo> { return this.db.create({ text, done: false }); } @Tool({ name: 'complete_todo', description: 'Mark a todo as complete' }) async completeTodo(id: string): Promise<void> { await this.db.update(id, { done: true }); } }
import { createCopilotKitAdapter, ChatUIProvider } from '@supernal/interface'; const adapter = createCopilotKitAdapter({ autoRegisterTools: true, autoRegisterReadables: true }); function App() { return ( <ChatUIProvider adapter={adapter}> <YourApp /> </ChatUIProvider> ); }
AI assistants can now discover and call your decorated functions.
DecoratorPurpose@ToolExpose function as AI-callable tool@ToolProviderClass containing multiple tools@ComponentReact component with AI context
import { createCopilotKitAdapter } from '@supernal/interface'; const adapter = createCopilotKitAdapter({ autoRegisterTools: true });
import { ChatUIAdapter } from '@supernal/interface'; class MyAdapter implements ChatUIAdapter { name = 'my-adapter'; registerTools(tools) { /* convert to your format */ } render(props) { return <MyChat {...props} />; } }
import { useToolBinding, usePersistedState, useChatWithContext } from '@supernal/interface'; // Bind a tool to component state const [todos, setTodos] = useToolBinding('todos', []); // Persist state across sessions const [prefs, setPrefs] = usePersistedState('user-prefs', defaults); // Chat with app context const { messages, send } = useChatWithContext();
import { StateManager, LocalStorageAdapter } from '@supernal/interface/storage'; const storage = StateManager.getInstance('myapp', new LocalStorageAdapter()); await storage.setState('user', { name: 'Alice' });
import { GherkinParser, TestRunner } from '@supernal/interface/testing'; const feature = GherkinParser.parseFeature(gherkinText); const tests = await TestRunner.generateTests({ framework: 'jest' });
Available at supernal.ai/enterprise: Auto test generation from decorators Story system (50-80% performance boost) Architecture visualization Multi-model routing Audit & compliance logging
Messaging, meetings, inboxes, CRM, and teammate communication surfaces.
Largest current source with strong distribution and engagement signals.