npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

clawpro

v0.1.3

Published

ClawPro - Graphical AI Assistant based on OpenClaw

Readme


Overview

ClawPro bridges the gap between powerful AI agents and everyday users. Built on top of OpenClaw, it transforms command-line AI orchestration into an accessible, beautiful desktop experience—no terminal required.

Whether you're automating workflows, managing AI-powered channels, or scheduling intelligent tasks, ClawPro provides the interface you need to harness AI agents effectively.


Why ClawPro

Building AI agents shouldn't require mastering the command line. ClawPro was designed with a simple philosophy: powerful technology deserves an interface that respects your time.

| Challenge | ClawPro Solution | |-----------|----------------| | Complex CLI setup | One-click installation with guided setup wizard | | Configuration files | Visual settings with real-time validation | | Process management | Automatic gateway lifecycle management | | Multiple AI providers | Unified provider configuration panel | | Skill/plugin installation | Built-in skill marketplace and management |

OpenClaw Inside

ClawPro is built directly upon the official OpenClaw core. Instead of requiring a separate installation, we embed the runtime within the application to provide a seamless "battery-included" experience.

We are committed to maintaining strict alignment with the upstream OpenClaw project, ensuring that you always have access to the latest capabilities, stability improvements, and ecosystem compatibility provided by the official releases.


Features

🎯 Zero Configuration Barrier

Complete the entire setup—from installation to your first AI interaction—through an intuitive graphical interface. No terminal commands, no YAML files, no environment variable hunting.

💬 Intelligent Chat Interface

Communicate with AI agents through a modern chat experience. Support for multiple conversation contexts, message history, and rich content rendering with Markdown.

📡 Multi-Channel Management

Configure and monitor multiple AI channels simultaneously. Each channel operates independently, allowing you to run specialized agents for different tasks.

⏰ Cron-Based Automation

Schedule AI tasks to run automatically. Define triggers, set intervals, and let your AI agents work around the clock without manual intervention.

🧩 Extensible Skill System

Extend your AI agents with pre-built skills. Browse, install, and manage skills through the integrated skill panel—no package managers required.

🔐 Secure Provider Integration

Connect to multiple AI providers (OpenAI, Anthropic, and more) with credentials stored securely in your system's native keychain.

🌙 Adaptive Theming

Light mode, dark mode, or system-synchronized themes. ClawPro adapts to your preferences automatically.


Getting Started

System Requirements

  • Operating System: macOS 11+, Windows 10+, or Linux (Ubuntu 20.04+)
  • Memory: 4GB RAM minimum (8GB recommended)
  • Storage: 1GB available disk space

Installation

Pre-built Releases (Recommended)

Download the latest release for your platform from the Releases page.

Build from Source

# Clone the repository
git clone https://github.com/ValueCell-ai/ClawPro.git
cd ClawPro

# Initialize the project
pnpm run init

# Start in development mode
pnpm dev

First Launch

When you launch ClawPro for the first time, the Setup Wizard will guide you through:

  1. Language & Region – Configure your preferred locale
  2. AI Provider – Enter your API keys for supported providers
  3. Skill Bundles – Select pre-configured skills for common use cases
  4. Verification – Test your configuration before entering the main interface

Architecture

ClawPro employs a dual-process architecture that separates UI concerns from AI runtime operations:

┌─────────────────────────────────────────────────────────────────┐
│                        ClawPro Desktop App                         │
│                                                                  │
│  ┌────────────────────────────────────────────────────────────┐  │
│  │              Electron Main Process                          │  │
│  │  • Window & application lifecycle management               │  │
│  │  • Gateway process supervision                              │  │
│  │  • System integration (tray, notifications, keychain)       │  │
│  │  • Auto-update orchestration                                │  │
│  └────────────────────────────────────────────────────────────┘  │
│                              │                                    │
│                              │ IPC                                │
│                              ▼                                    │
│  ┌────────────────────────────────────────────────────────────┐  │
│  │              React Renderer Process                         │  │
│  │  • Modern component-based UI (React 19)                     │  │
│  │  • State management with Zustand                            │  │
│  │  • Real-time WebSocket communication                        │  │
│  │  • Rich Markdown rendering                                  │  │
│  └────────────────────────────────────────────────────────────┘  │
└──────────────────────────────┬──────────────────────────────────┘
                               │
                               │ WebSocket (JSON-RPC)
                               ▼
┌─────────────────────────────────────────────────────────────────┐
│                     OpenClaw Gateway                             │
│                                                                  │
│  • AI agent runtime and orchestration                           │
│  • Message channel management                                    │
│  • Skill/plugin execution environment                           │
│  • Provider abstraction layer                                    │
└─────────────────────────────────────────────────────────────────┘

Design Principles

  • Process Isolation: The AI runtime operates in a separate process, ensuring UI responsiveness even during heavy computation
  • Graceful Recovery: Built-in reconnection logic with exponential backoff handles transient failures automatically
  • Secure Storage: API keys and sensitive data leverage the operating system's native secure storage mechanisms
  • Hot Reload: Development mode supports instant UI updates without restarting the gateway

Use Cases

🤖 Personal AI Assistant

Configure a general-purpose AI agent that can answer questions, draft emails, summarize documents, and help with everyday tasks—all from a clean desktop interface.

📊 Automated Monitoring

Set up scheduled agents to monitor news feeds, track prices, or watch for specific events. Results are delivered to your preferred notification channel.

💻 Developer Productivity

Integrate AI into your development workflow. Use agents to review code, generate documentation, or automate repetitive coding tasks.

🔄 Workflow Automation

Chain multiple skills together to create sophisticated automation pipelines. Process data, transform content, and trigger actions—all orchestrated visually.


Development

Prerequisites

  • Node.js: 22+ (LTS recommended)
  • Package Manager: pnpm 9+ (recommended) or npm

Project Structure

ClawPro/
├── electron/              # Electron Main Process
│   ├── main/             # Application entry, window management
│   ├── gateway/          # OpenClaw Gateway process manager
│   ├── preload/          # Secure IPC bridge scripts
│   └── utils/            # Utilities (storage, auth, paths)
├── src/                   # React Renderer Process
│   ├── components/       # Reusable UI components
│   │   ├── ui/          # Base components (shadcn/ui)
│   │   ├── layout/      # Layout components (sidebar, header)
│   │   └── common/      # Shared components
│   ├── pages/           # Application pages
│   │   ├── Setup/       # Initial setup wizard
│   │   ├── Dashboard/   # Home dashboard
│   │   ├── Chat/        # AI chat interface
│   │   ├── Channels/    # Channel management
│   │   ├── Skills/      # Skill browser & manager
│   │   ├── Cron/        # Scheduled tasks
│   │   └── Settings/    # Configuration panels
│   ├── stores/          # Zustand state stores
│   ├── lib/             # Frontend utilities
│   └── types/           # TypeScript type definitions
├── resources/            # Static assets (icons, images)
├── scripts/              # Build & utility scripts
└── tests/               # Test suites

Available Commands

# Development
pnpm dev                  # Start with hot reload
pnpm dev:electron         # Launch Electron directly

# Quality
pnpm lint                 # Run ESLint
pnpm lint:fix             # Auto-fix issues
pnpm typecheck            # TypeScript validation

# Testing
pnpm test                 # Run unit tests
pnpm test:watch           # Watch mode
pnpm test:coverage        # Generate coverage report
pnpm test:e2e             # Run Playwright E2E tests

# Build & Package
pnpm build                # Full production build
pnpm package              # Package for current platform
pnpm package:mac          # Package for macOS
pnpm package:win          # Package for Windows
pnpm package:linux        # Package for Linux

Tech Stack

| Layer | Technology | |-------|------------| | Runtime | Electron 40+ | | UI Framework | React 19 + TypeScript | | Styling | Tailwind CSS + shadcn/ui | | State | Zustand | | Build | Vite + electron-builder | | Testing | Vitest + Playwright | | Animation | Framer Motion | | Icons | Lucide React |


Contributing

We welcome contributions from the community! Whether it's bug fixes, new features, documentation improvements, or translations—every contribution helps make ClawPro better.

How to Contribute

  1. Fork the repository
  2. Create a feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes with clear messages
  4. Push to your branch
  5. Open a Pull Request

Guidelines

  • Follow the existing code style (ESLint + Prettier)
  • Write tests for new functionality
  • Update documentation as needed
  • Keep commits atomic and descriptive

Acknowledgments

ClawPro is built on the shoulders of excellent open-source projects:

  • OpenClaw – The AI agent runtime
  • Electron – Cross-platform desktop framework
  • React – UI component library
  • shadcn/ui – Beautifully designed components
  • Zustand – Lightweight state management

License

ClawPro is released under the MIT License. You're free to use, modify, and distribute this software.