bluzir

Serve — Development skill for Claude Code

Development community

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

Terminal
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

  1. 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 Repository