Screen 1 — My Skills
Skills Hub
All Skills 5
Found 5 existing skills on your system
Click to review and import them
react
React renderer for json-render that turns JSON specs into React components. Use when working with @json-render/react, building React UIs from JSON, creating component catalogs.
vercel-labs/json-render · 22 min ago
Cursor Claude Code Codex OpenCode Antigravity +5 more
baoyu-article-illustrator
Analyzes article structure, identifies positions requiring visual aids, generates illustrations with Type x Style two-dimension approach.
JimLiu/baoyu-skills · 31 days ago
Cursor Claude Code Codex OpenCode Antigravity +4 more
excalidraw-diagram
Generate Excalidraw diagrams from text content. Supports Obsidian, Standard, and Animated output modes for flowcharts, mind maps, and visualizations.
axtonliu/axton-obsidian-visual-skills · 37 days ago
Cursor Claude Code Codex OpenCode Antigravity +4 more
youtube-transcript
Download YouTube video transcripts. Use when user provides a YouTube URL or asks to download/get/fetch captions or subtitles from a video.
/Users/may/Library/Application Support/com... · 45 days ago
Cursor Claude Code Codex OpenCode Antigravity +3 more
frontend-design
Frontend design best practices and guidelines for building modern, accessible web interfaces with React and CSS.
anthropics/skills · 46 days ago
Cursor Claude Code Codex OpenCode Antigravity +3 more
Screen 2 — Explore Skills (Marketplace)
Skills Hub
Data from clawhub.ai · Have a Git URL or local path? Click Manual to add directly
Featured
self-improving-agent
dmarx/bench-warmers
Captures learnings, errors, and corrections to enable continuous improvement. Use when: (1) A command or approach fails...
199.1K
1.9K
Cursor Claude +5
Find Skills
anthropics/skills
Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X"...
193.0K
800
Cursor Claude +4
Summarize
anthropics/skills
Summarize URLs or files with the summarize CLI (web, PDFs, images, audio, YouTube).
147.8K
566
Cursor Claude +3
Agent Browser
nicobailon/browser-tools
A fast Rust-based headless browser automation CLI with Node.js fallback that enables AI agents to navigate, click...
121.2K
539
Cursor Claude +6
Gog
erniebrodeur/gog
Google Workspace CLI for Gmail, Calendar, Drive, Contacts, Sheets, and Docs.
109.2K
714
Cursor Claude +3
Github
anthropics/skills
Interact with GitHub using the `gh` CLI. Use `gh issue`, `gh pr`, `gh run`, and `gh api` for issues, PRs, CI runs...
103.9K
336
Cursor Claude +5
"Agent Browser" installed and synced to 3 tools
Screen 3 — Manual Add (overlays Explore page)
Skills Hub
Add Skill
Repository URL
Name (optional)
Leave blank to auto-detect from repository
Sync to tools
Cursor Claude Code Codex OpenCode Windsurf Amp Cline
Screen 4 — Explore with search active
Skills Hub
3 results from clawhub.ai
Featured Matches
Agent Browser
nicobailon/browser-tools
A fast Rust-based headless browser automation CLI with Node.js fallback that enables AI agents to navigate, click...
121.2K
539
Cursor Claude +6
Online Results
Browser Use
anthropics/browser-use-skill
Enables AI agents to control a headless browser for web research, form filling, and data extraction tasks.
45.3K installs
Cursor Claude
Browser Screenshot
nicobailon/screenshot-tools
Take screenshots of web pages and convert them to various formats for analysis.
12.8K installs
Cursor Claude
Screen 5A — Click skill name to open detail
Skills Hub
All Skills 3
react
React renderer for json-render that turns JSON specs into React components.
vercel-labs/json-render · 22 min ago
Cursor Claude Code +3
Click name to view detail
commit-message
Generate conventional commit messages with scope and body.
/Users/may/skills/commit-msg · 1 day ago
Cursor
debug-helper
Systematic debugging workflow with root cause analysis.
org/debug-tools · 3 days ago
Claude Code Cursor Windsurf
Screen 5B — Skill Detail View (SKILL.md default)
Skills Hub
react
React renderer for json-render that turns JSON specs into React components.
vercel-labs/json-render ·
Updated 22 min ago ·
4 files
Files
SKILL.md 2.4 KB
component-spec.md 1.8 KB
examples/basic.md 3.1 KB
examples/advanced.md 1.1 KB
SKILL.md 2.4 KB

    # React Renderer

    ## Description
    React renderer for json-render that turns JSON specs
    into React components.

    ## When to use
    - Working with @json-render/react
    - Building React UIs from JSON specifications
    - Creating component catalogs from JSON definitions

    ## Usage
    ```jsx
    import { render } from '@json-render/react';

    const spec = {
      type: 'Card',
      props: { title: 'Hello' },
      children: [
        { type: 'Text', props: { value: 'World' } }
      ]
    };

    const App = () => render(spec);
    ```

    ## Configuration
    - `strict`: Enable strict type checking (default: true)
    - `components`: Custom component registry map
    - `fallback`: Fallback component for unknown types

    ## Supported Components
    Button, Card, Text, Input, List, Grid, Modal, Tabs

Screen 5C — Detail View (switched to another file)
Skills Hub
react
React renderer for json-render that turns JSON specs into React components.
vercel-labs/json-render ·
Updated 22 min ago ·
4 files
Files
SKILL.md 2.4 KB
component-spec.md 1.8 KB
examples/basic.md 3.1 KB
examples/advanced.md 1.1 KB
examples/basic.md 3.1 KB

    # Basic Examples

    ## Simple Card
    ```json
    {
      "type": "Card",
      "props": {
        "title": "Welcome",
        "variant": "outlined"
      },
      "children": [
        {
          "type": "Text",
          "props": { "value": "Hello, World!" }
        }
      ]
    }
    ```

    ## Button Group
    ```json
    {
      "type": "ButtonGroup",
      "props": { "direction": "horizontal" },
      "children": [
        {
          "type": "Button",
          "props": { "label": "Save", "variant": "primary" }
        },
        {
          "type": "Button",
          "props": { "label": "Cancel", "variant": "secondary" }
        }
      ]
    }
    ```

    ## Form with Input
    ```json
    {
      "type": "Form",
      "props": { "onSubmit": "handleSubmit" },
      "children": [
        {
          "type": "Input",
          "props": {
            "name": "email",
            "label": "Email Address",
            "type": "email",
            "required": true
          }
        }
      ]
    }
    ```

Screen 5D — Detail View (loading state)
Skills Hub
react
Files
Loading...
Loading file content...