Serve — Development skill for Claude Code
Start a local http server on 127.0.0.1:4567 to avoid file:// CORS issues.
How to install Serve
Installs to ~/.claude/commands/bluzir-claude-code-design-serve.md
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/bluzir/claude-code-design/HEAD/.claude/commands/serve.md -o ~/.claude/commands/bluzir-claude-code-design-serve.md Restart Claude Code, or start a new session, for it to be picked up.
What Serve does
description: Start a local http server on 127.0.0.1:4567 to avoid file:// CORS issues. Required for React/Babel artifacts that load external .jsx files. argument-hint: [port] allowed-tools: Bash(python3:*) Bash(lsof:*) Bash(sleep:*) Bash(curl:*)
Serve
Start a local http server on port `$0` (default 4567). Needed for any artifact that loads external `.jsx` through `` + `type="text/babel"` — Babel-standalone uses XHR, which fails on `file://` due to CORS.
Steps
- Port
Alternatives in Development
- Web Artifacts Builder — Build complex claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui 94.1k ★
- CORS — Scan an endpoint for CORS misconfiguration — arbitrary-origin reflection, null-origin trust, credential exposu 4.5k ★
- Projectmem — Open-source coding agent memory 766 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
React Build
Fix React build failures in a Turborepo monorepo using Next.js (App Router) — incremental fixes for TypeScript
Wp Block Review
WordPress block development review - validates block.json schema, editor components (React/JSX), server-side r
Serve Docs
Start a local HTTP server to browse the Plans gallery and Media library HTML files.
Claude Local Files
Serve local files to Claude Desktop via HTTPS for use in code artifacts.
Wp Block
Quick WordPress block scan - fast pattern detection for block.json issues, missing useBlockProps, deprecated A
Step On
A Claude Code skill that walks you from state A to goal B through iterated submit-and-verify spirals — externa
Related Agents
Docs Dev
Owns the dbdocs package — the click CLI plus the extract/site pipeline that turns dbt artifacts into a single-
React Reviewer
Expert React/JSX code reviewer specializing in hook correctness, render performance, server/client component b
React Build Resolver
Diagnose and fix React build failures across Vite, webpack, Next.js, CRA, Parcel, esbuild, and Bun. Handles JS