claude-skills

왜 쓰나요

핵심 기능

Cloudflare: Workers, D1, R2, KV, Pages, Durable Objects patterns
React (RSC, Server Actions, suspense idioms)
Tailwind v4 migration + new config shape
AI integrations: OpenAI/Anthropic SDK patterns, embeddings, vector search
Opinionated defaults — biased toward simpler choices

라이브 데모

실제 사용 모습

claude-skill-3.replay ▶ 준비됨

0/0

설치

작성자 저장소 · Claude Skills 공식 문서

사용 사례

실전 활용법: claude-skills

How to ship a Cloudflare Worker API with D1 backing

👤 Full-stack devs wanting a Worker+D1 API without boilerplate ⏱ ~45 min intermediate

언제 쓸까: You want a small JSON API with auth and persistence, deployed to Cloudflare.

흐름

Scaffold

Use the Cloudflare skill. New Worker with D1 binding, Hono router, routes: GET /todos, POST /todos, DELETE /todos/:id.✓ 복사됨

→ Worker code + wrangler.toml + schema.sql
Auth

Add bearer token auth using a secret in env.✓ 복사됨

→ Middleware + wrangler secret put instructions
Deploy

wrangler d1 execute + wrangler deploy steps.✓ 복사됨

→ Live URL after deploy

결과: A deployed Worker API with D1 persistence.

함정

D1 migrations drift between envs — Use wrangler d1 migrations create + apply; don't ad-hoc exec

Upgrade a Tailwind v3 project to v4

👤 Frontend devs on v3 wanting to move to v4's new engine ⏱ ~60 min intermediate

언제 쓸까: You're on tailwind@3 and want to adopt v4's Oxide engine + CSS-first config.

흐름

Audit current config

Audit tailwind.config.{js,ts} for anything that doesn't port 1:1 to v4.✓ 복사됨

→ Per-config-key migration notes
Generate v4 config

Produce the v4 equivalent: @theme in a CSS entry + package updates.✓ 복사됨

→ CSS entry + package.json diff
Fix breaking utilities

Grep the codebase for removed/renamed utility classes and produce a replace map.✓ 복사됨

→ Codemod suggestions

결과: A v4 migration PR ready for review.

함정

PostCSS pipeline conflicts with v4's native engine — Remove PostCSS plugins that v4's engine replaces

Build a lightweight RAG endpoint on Workers

👤 Devs adding AI features to a Cloudflare app ⏱ ~90 min advanced

언제 쓸까: You want RAG without standing up a vector DB service.

흐름

Set up Vectorize

Provision a Vectorize index for embeddings. Use OpenAI text-embedding-3-small.✓ 복사됨

→ wrangler vectorize create + binding
Ingest script

Write a Worker route /ingest that chunks + embeds + upserts.✓ 복사됨

→ Worker code with chunking heuristic
Query route

Write /query that embeds the question, retrieves top-k, and calls Claude/OpenAI with the context.✓ 복사됨

→ End-to-end route

결과: A small but real RAG endpoint deployed on Cloudflare.

함정

Chunks too large lose recall; too small hurt context — Start 512 tokens, overlap 64; tune based on your corpus

조합

다른 MCP와 조합해 10배 효율

claude-skill-3 + claude-code-owasp-skill

Security-review Worker auth and RAG endpoints

After scaffolding the Worker with auth, run OWASP review on the auth middleware.✓ 복사됨

도구

이 MCP가 노출하는 것

도구	입력	언제 호출	비용
Cloudflare Worker scaffolding	-	New worker projects	Claude tokens
D1 + R2 + KV patterns	-	Persistence wiring	Claude tokens
React RSC patterns	-	RSC-era apps	Claude tokens
Tailwind v4 migration	-	v3→v4 upgrades	Claude tokens
AI integrations	-	OpenAI/Anthropic/embeddings	Claude tokens

비용 및 제한

운영 비용

API 쿼터: None at skill level
호출당 토큰: 5-20k per task
금액: Free skill; Cloudflare + OpenAI/Anthropic have their own pricing
팁: Cloudflare free tier covers small Worker APIs; watch Vectorize cost at scale.

보안

권한, 시크릿, 파급범위

자격 증명 저장: No credentials at skill level. Wrangler handles CF secrets.

데이터 외부 송신: Deploys go to Cloudflare; any AI calls go to the configured provider

Wrangler auth has full account access. Use scoped API tokens for CI, not wrangler login.

문제 해결

자주 발생하는 오류와 해결

wrangler deploy fails on route

Route patterns require the zone to be in your CF account; check routes vs. workers.dev fallback

확인: wrangler deployments list

D1 migrations apply locally but not remote

Run wrangler d1 migrations apply <DB> --remote explicitly

대안

claude-skills 다른 것과 비교

대안	언제 쓰나	단점/장점
Vercel + Next.js template	You prefer Vercel's DX	Different pricing and platform capabilities