メニュー
Run, build, screenshot, or smoke-test mazze-leczzare-blog. Use when asked to start the dev server, verify a change works in the browser, take a screenshot of the site, or confirm a page renders correctly.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/mazze93/mazze-leczzare-blog --skill run-mazze-leczzare-blogコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
Turn an existing long-form post on mazze-leczzare-blog into a shareable LinkedIn carousel (a multi-slide square/portrait PDF) and attach it to the site. Use this whenever the user asks to make a carousel, slide deck, or "shareable version" of a post, wants something to post on LinkedIn, or references sharing content more broadly and the underlying material is a blog post on this site. Covers slide-copy distillation, the Design Components build process, PDF assembly, site placement, and linking back from the source post.
Turn a pasted essay (plus an optional hero image) into a new blog post on mazze-leczzare-blog and open a draft PR. Use this whenever the user pastes or attaches essay/article text and asks to add it to the blog, publish it, "turn this into a post," or shares a hero image alongside long-form prose — even if they don't say the word "skill" or name a file path. Covers frontmatter authoring, citation formatting, image placement, validation, and the git/PR workflow end to end.
SOC 職業分類に基づく
SKILL.md を表示中
| name | run-mazze-leczzare-blog |
| description | Run, build, screenshot, or smoke-test mazze-leczzare-blog. Use when asked to start the dev server, verify a change works in the browser, take a screenshot of the site, or confirm a page renders correctly. |
Astro 6 static blog. The driver (driver.cjs next to this file) is a Node HTTP smoke test — no browser binaries required. It starts against a running dev server and verifies every major route returns HTTP 200 with expected content. For visual inspection, use the mcp__claude-in-chrome__* MCP tools after starting the dev server.
Node is managed by mise. In most Claude Code sessions, node is already in PATH. If not:
export PATH="/Users/mazze/.local/share/mise/installs/node/lts/bin:$PATH"
Project root: /Users/mazze/Code/publishing/mazze-leczzare-blog
No extra packages. driver.cjs uses only Node built-ins (http). No Playwright, no browser downloads.
cd /Users/mazze/Code/publishing/mazze-leczzare-blog
npm ci
npm run check # astro build + tsc — must pass before any commit
Start the dev server, then run the driver:
cd /Users/mazze/Code/publishing/mazze-leczzare-blog
# Start dev server in background
npm run dev -- --port 4399 &>/tmp/astro-dev.log &
DEV_PID=$!
# Run driver — waits for server, checks all routes, exits 0 on pass / 1 on fail
node .claude/skills/run-mazze-leczzare-blog/driver.cjs 4399
# Stop server when done
kill $DEV_PID
The driver checks: /, /blog/, a discovered blog post, /about/, /contact/, /work/, /signal/, /security/, /cipher-gothic/, /roadmap/.
Example output (passing):
✓ / HTTP 200 "Homepage"
✓ /blog/ HTTP 200 "Blog listing"
✓ /signal/ HTTP 200 "Signal page"
...
SMOKE PASSED
After starting the dev server:
select:mcp__claude-in-chrome__tabs_context_mcp,mcp__claude-in-chrome__navigate,mcp__claude-in-chrome__computer,mcp__claude-in-chrome__read_page,mcp__claude-in-chrome__tabs_create_mcphttp://localhost:4399/mcp__claude-in-chrome__computer to take screenshotscd /Users/mazze/Code/publishing/mazze-leczzare-blog
npm run dev
# → http://localhost:4321/
Human default is port 4321. Use 4399 for the driver to avoid collision with an existing dev session.
npm run check # astro build + tsc (repo-standard — run before committing)
There is no separate vitest suite. npm run check is the full validation.
Routes require trailing slashes in dev mode. Without them: 404.
| Route | Notes |
|---|---|
/ | BreathingHero canvas |
/blog/ | All posts, newest first |
/blog/<slug>/ | src/content/blog/*.{md,mdx} |
/about/ | Hero, work cards, engagement grid |
/contact/ | CF Function POST — UI renders; POST is 404 in dev |
/work/ | Work/portfolio page |
/signal/ | Field ledger — verse, fragments, dispatches |
/security/ | Security disclosure policy |
/cipher-gothic/ | Design system documentation |
/roadmap/ | Markdown page via BlogPost layout |
/login/ | Admin login |
/admin/ | JWT-gated admin dashboard |
/rss.xml | 404 in dev — works in npm run build && npm run preview |
/api/* | 404 in dev — Cloudflare Pages Functions only |
/rss.xml returns 404 in dev. Astro's Vite dev server doesn't serve .js-backed .xml routes. Verify with npm run build && npm run preview.
/api/* routes are always 404 in npm run dev. Contact form, login, logout, and share-event are Cloudflare Pages Functions. The contact form UI renders; only the POST fails.
Routes without trailing slashes return 404 in dev. /blog → 404, /blog/ → 200. Built/deployed site handles both.
Node is managed by mise, not Homebrew. In a remote or fresh session, node may not be in PATH. Fix: export PATH="/Users/mazze/.local/share/mise/installs/node/lts/bin:$PATH". The lts symlink always points to the current active version (24.16.0 as of 2026-06-29).
Playwright was removed. Do not attempt to npm install playwright or run npx playwright install. The driver uses Node built-in http only.
env: node: No such file or directory — mise node not in PATH. Fix: export PATH="/Users/mazze/.local/share/mise/installs/node/lts/bin:$PATH".
Error: connect ECONNREFUSED — dev server isn't running. Start it first; the driver polls for up to 30s but won't start the server itself.