Skip to content

Tooled-app/tooled-clawui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

2 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Tooled ClawUI πŸ¦žβš™οΈ

A beautiful, cross-platform Flutter application for managing OpenClaw - your AI agent command center.

Built with the Tooled design philosophy: elegant glassmorphism, purple-blue-cyan color palette, and intuitive UI.

Tooled ClawUI Platform License

πŸš€ Features

Core Functionality

  • 100+ OpenClaw Commands - All major OpenClaw tools categorized and ready to use
  • Real-time Terminal Output - Stream command output as it happens
  • Multi-line Copy - Easy text selection and copying from terminal
  • Custom Commands - Create your own command library with persistence
  • Category Descriptions - Learn what each command does and how to configure it

Tooled Design Philosophy

  • βš™οΈ Cog Icon Branding - Distinctive Tooled identity
  • 🎨 Purple-Blue-Cyan Palette - Balanced, professional color scheme
  • πŸͺŸ Glassmorphism - Beautiful depth and transparency effects
  • ✨ Elegant Animations - Smooth transitions and interactions
  • πŸ“± Cross-Platform - macOS, Windows, and Linux support

Command Categories

  • Status - System health and version information
  • Gateway - Manage OpenClaw gateway daemon
  • Node - Control paired remote nodes
  • Agents - Create and manage AI agents
  • Sessions - View conversation history
  • Memory - Search and access long-term knowledge
  • Browser - Web automation and screenshots
  • Channels - Manage messaging integrations
  • Plugins - Extend functionality
  • Cron - Schedule automated tasks
  • Security - Audit and secure your installation
  • Logs - Monitor system events
  • Config - Modify settings
  • Update - Keep OpenClaw current
  • Backup - Create and restore backups
  • ACP - Agent Control Protocol coding sessions
  • System - OS-level operations
  • Skills - Browse specialized capabilities
  • Webhooks - External integrations
  • Devices - Manage connected hardware
  • Pairing - Connect new machines
  • Approvals - Control command execution
  • Secrets - Secure credential storage
  • Models - Available AI models
  • Reset - Restore defaults
  • Custom Commands - Your personal command library

πŸ“Έ Screenshots

πŸ› οΈ Installation

macOS

  1. Download the DMG from the Releases page
  2. Double-click Tooled-ClawUI.dmg to mount
  3. Drag Tooled ClawUI.app to your Applications folder
  4. Launch from Applications

Windows & Linux

Build from source (see below) or use the pre-built binaries from releases.

πŸ”§ Building from Source

Prerequisites

  • Flutter 3.27+
  • Dart 3.6+
  • macOS: Xcode 15+
  • Windows: Visual Studio 2022
  • Linux: GCC/Clang, GTK development libraries

Steps

# Clone the repository
git clone https://github.com/Tooled-app/tooled-clawui.git
cd clawui_flutter

# Install dependencies
flutter pub get

# Build for macOS
flutter build macos

# Build for Windows
flutter build windows

# Build for Linux
flutter build linux

🎯 Usage

Running Commands

  1. Select a Category from the sidebar
  2. Choose a Command from the list
  3. Read the Description and verify the command
  4. Click "Execute Command" to run it
  5. View Output in the terminal panel

Adding Custom Commands

  1. Click "Custom Commands" in the sidebar
  2. Click "Add Custom Command" button
  3. Fill in:
    • Name: "Launch Ollama OpenClaw"
    • Description: "Launch OpenClaw with Ollama model"
    • Command: ollama launch openclaw --model glm-4.7:cloud
  4. Click "Add Command"
  5. Your command persists across app restarts!

Terminal Features

  • Multi-line copy: Select multiple lines and copy to clipboard
  • Copy all: Click the copy button to copy entire terminal output
  • Cancel running commands: Stop long-running commands safely
  • Clear terminal: Reset the terminal view

🧩 Custom Commands

Create your own library of frequently used commands:

Example: Launch Ollama with specific model

Name: Launch Ollama OpenClaw
Description: Launch OpenClaw with Ollama glm-4.7 model
Command: ollama launch openclaw --model glm-4.7:cloud

Example: Quick status check

Name: Quick Status
Description: Check OpenClaw and gateway status
Command: openclaw status && openclaw gateway status

Custom commands are persisted using SharedPreferences and survive app restarts.

πŸ—οΈ Architecture

Tech Stack

  • Flutter 3.27 - Cross-platform UI framework
  • Riverpod 2.6 - State management
  • shared_preferences - Local persistence
  • OpenClaw CLI - Command execution via shell

Project Structure

lib/
β”œβ”€β”€ main.dart                 # App entry point
β”œβ”€β”€ models/                  # Data models
β”‚   β”œβ”€β”€ command.dart         # Command structure
β”‚   └── terminal_output.dart # Terminal output handling
β”œβ”€β”€ services/                # Business logic
β”‚   β”œβ”€β”€ command_execution_service.dart  # Shell command execution
β”‚   └── custom_commands_service.dart   # Custom command persistence
β”œβ”€β”€ views/                   # UI components
β”‚   β”œβ”€β”€ sidebar_view.dart    # Category navigation
β”‚   β”œβ”€β”€ command_list_view.dart
β”‚   β”œβ”€β”€ command_preview_view.dart
β”‚   └── terminal_view.dart   # Terminal output display
β”œβ”€β”€ widgets/                 # Reusable components
β”‚   └── add_custom_command_dialog.dart
β”œβ”€β”€ theme/                   # Design system
β”‚   └── app_theme.dart      # Tooled color palette and styles
└── data/                    # Static data
    β”œβ”€β”€ openclaw_commands.dart      # 100+ OpenClaw commands
    └── category_descriptions.dart  # Category explanations

🎨 Tooled Design System

The app follows the Tooled design philosophy:

  • Colors: Purple (#9B59B6), Blue (#3498DB), Cyan (#1ABC9C)
  • Glassmorphism: Transparent layers with blur and borders
  • Depth: Layered surfaces with shadows
  • Typography: SF Pro Display with proper hierarchy
  • Spacing: Consistent 4px/8px/16px/24px system
  • Radius: 12px/16px rounded corners

πŸ”’ Security

  • Commands execute via shell with proper environment variables
  • Custom commands stored locally (SharedPreferences)
  • No external network dependencies for command execution
  • OpenClaw CLI handles authentication and authorization

🀝 Contributing

Contributions are welcome! Please:

  1. Fork the repository
  2. Create a feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

πŸ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.

πŸ™ Acknowledgments

  • OpenClaw - The amazing AI agent framework
  • Flutter Team - For the excellent cross-platform framework
  • Tooled - For the design philosophy and branding

πŸ“ž Support

πŸ—ΊοΈ Roadmap

  • Windows installer (NSIS)
  • Linux AppImage/Flatpak
  • Command templates library
  • Dark/light theme toggle
  • Export command history
  • Advanced custom commands (variables, templates)
  • Keyboard shortcuts
  • Terminal customization

Built with ❀️ using Flutter and OpenClaw

Tooled ClawUI - Your OpenClaw Command Center πŸ¦žβš™οΈ

About

Tooled ClawUI - Flutter OpenClaw Command Center with custom commands, terminal output, and Tooled design system

Topics

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors