Studio
Now with sandbox testing and one-click publish

Build, test, and ship
AI skills visually

The complete IDE for prompt engineering. Create skills with structured blocks, test them in a live sandbox, publish to the registry, and install with one click.

Works withCursorClaudeCopilotWindsurfClineJetBrains+ 8 more
Browse Registry
react-code-review — Skillbase Studio
SKILL.md
EditPreviewSandboxEval
InstallPublishSave
Identity
roleYou are a senior React code reviewer with deep expertise in hooks, performance patterns, and component architecture.
toneProfessional, constructive
expertise
ReactTypeScriptHooksPerformance
Instructions
1
2
3
4
5
Review React code for correctness and best practices.
Check hooks usage and dependency arrays.
Verify components follow single responsibility.
Flag direct DOM manipulation or unsafe patterns.
Suggest performance improvements where relevant.
Constraints

Complete workflow

From idea to production in one tool

No more copying files between editors. Create, test, publish, and install — all without leaving Studio.

01

Create

Build skills with structured blocks or generate from a text description with AI. Import from GitHub.

02

Test

Run your skill in the live sandbox with real LLMs. Iterate on the prompt and see results instantly.

03

Publish

One-click publish to the Skillbase registry via spm. Version control prevents duplicate publishes.

04

Install

Install the published skill locally with one click. Available immediately in all connected AI clients.

Built for professionals

Everything you need to build skills

Block-based Editor

Identity, instructions, constraints, scoping, dependencies — each aspect of a skill gets its own structured block.

Live Sandbox

Chat with your skill using real LLMs. Test behavior, edge cases, and prompt quality before publishing.

Eval Framework

Define test scenarios with expected behaviors. Run automated evaluations and track quality scores over time.

One-click Publish

Publish directly to the Skillbase registry through your local spm. Version tracking prevents accidental re-publishes.

Multi-target Preview

See compiled output for Cursor, Claude, Copilot, Windsurf, and more. Switch formats in real-time.

GitHub Import

Import skills from any GitHub repository. Handles incomplete formats — missing fields are filled automatically.

AI Generation

Describe what you need in plain text. AI generates a complete, structured skill ready for refinement.

spm Integration

Publish and install skills through your local spm daemon. Uses your existing registry credentials.

Instant Compilation

Client-side compiler runs in the browser. No server round-trips. Edit and see results in milliseconds.

Powered by spm

Publish and install from the browser

Studio connects to your local spm daemon for publishing and installing. Your registry credentials stay local.

$
npm install -g @skillbase/spm
$
spm login# authenticate with the registry
$
spm status-server start# start the local daemon
Studio auto-detects spm and enables Publish + Install buttons

Ready to build better AI skills?

Create, test, publish, and install — the complete skill lifecycle in one visual editor. Free for everyone.

Install spm