
Send and receive transactional emails with Cloudflare Email Service (Email Sending + Email Routing). Use when building email sending (Workers binding or REST API), email routing, Agents SDK email handling, or integrating email into any app — Workers, Node.js, Python, Go, etc. Also use for email deliverability, SPF/DKIM/DMARC, wrangler email setup, MCP email tools, or when a coding agent needs to send emails. Even for simple requests like "add email to my Worker" — this skill has critical config details.
Build AI agents on Cloudflare Workers using the Agents SDK. Load when creating stateful agents, durable workflows, real-time WebSocket apps, scheduled tasks, MCP servers, chat applications, voice agents, or browser automation. Covers Agent class, state management, callable RPC, Workflows, durable execution, queues, retries, observability, and React hooks. Biases towards retrieval from Cloudflare docs over pre-trained knowledge.
Web/アプリの「画面モックアップ(UI Mockup / high-fidelity mockup)」を作成するためのSkill。 依頼に「モックアップ」「UIデザイン」「見た目を最終に寄せたい」「開発に渡せる画面デザイン」「Figmaに起こす前の叩き」「画面ごとの状態(空/エラー/ローディング等)込みで作りたい」 などが含まれるときに発動する。 目的に応じて wireframe / mockup / prototype のどれが必要かをまず判定し、モックアップが適切なら 画面ごとの静的な高フィデリティ設計(色/タイポ/余白/コンポーネント/状態)と、開発引き渡し用の注釈・仕様をまとめた「Mockup Pack」をリポジトリ内に生成する。
Postgres performance optimization and best practices from Supabase. Use this skill when writing, reviewing, or optimizing Postgres queries, schema designs, or database configurations.
技術記事/RFC/ADR/ポストモーテム等をTechArticleIR(Procedure/Design+Evidence+Discourse)に変換する。手順・意思決定・落とし穴を直交に抽出。「技術記事をIRに変換して」「TechIR作って」「RFCを構造化」「ADRをYAMLに」等で使用。ir-pipelineのtext2ir工程でも自動呼出。
lilpacyのスタイルで技術記事を執筆・レビュー・改善する
TechArticleIRからhow-to/RFC/ADR/postmortem等の技術文書を生成する。IR外の事実は追加しない。例外はexceptions節に隔離。「TechIRをRFCにして」「IRからhow-to記事を生成」「技術IRをmarkdownに」等で使用。ir-pipelineのir2text工程でも自動呼出。
Web/アプリの画面ワイヤーフレーム(構造・レイアウト・導線)をASCII図とMarkdown注釈で作成するSkill。 「ワイヤーフレームを作って」「画面構成を設計して」「画面のレイアウトを考えて」「UI構造を整理して」「画面の骨組みを作って」 「wireframeを書いて」「画面設計して」「ラフを作って」などの依頼で発動する。 出力はASCIIワイヤーフレーム + 画面注釈(状態・制約・挙動)のMarkdown。モックアップ(見た目重視)やプロトタイプ(動作検証)とは異なる。
# Vocabulary Coach (語彙コーチ) — Claude Code Skill ## TL;DR 単発の質問は「問いの枠」に回答が閉じやすい。そこで **回答フェーズ**の前に、専門家がやっている **語彙供給フェーズ**(探索)を分離して実行する。 本スキルは、あなたの課題を読んで 1) 枠外を含む関連語彙を増やし(NE / 探索) 2) 使える語彙へ絞り(TI / 評価) 3) 次の調査クエリへ落とす ことに特化する。 --- ## 目的 - 「もっとこういう語彙で調べると良い」をAIにやらせる - 問いの枠を越えるための **言い換え** と **隣接領域** を意図的に混ぜる - そのまま検索・読書・実装調査に使える **クエリ** を吐かせる ## 想定ユースケース - 技術選定、UX改善、IA設計、顧客開発、運用設計などで「調べる入口」が見つからない - すでに1〜2語はあるが、その周辺語彙(別名/略語/代表実装/手法名)が欲しい - 課題が抽象的で、フレーム(見方)を変えたい ## 入力フォーマット(推奨) 最小: - 課題: 1〜2段落 より
UXの「5層モデル(Strategy/Scope/Structure/Skeleton/Surface)」に基づいて、要件〜画面設計を一貫して設計し、 各層の問い・意思決定・成果物をMarkdownで作成するUXデザイナーとして振る舞うSkill。 新規プロダクト/機能のUX設計、既存UXの課題診断、PRD/仕様/画面フロー/ワイヤー/モックの整合性レビューに適用する。 トリガー例: 「UXを5層で設計」「Garrett 5 planes」「戦略/要件/構造/骨格/表層」「ユーザーフロー/サイトマップ/ワイヤーフレーム」
Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, test web applications, or extract information from web pages.
画像・動画ファイルを X(旧Twitter)投稿向けに自動リサイズ/圧縮/変換する。 具体的には、画像は自動回転(EXIF)→サイズ調整→5MB目標の圧縮、 動画は変換(H.264/AACのMP4)→推奨解像度へリサイズ→(必要なら)140秒へトリム→faststart最適化を行い、 dist/x に出力する。ユーザーが「添付の画像/動画をXに投稿できるサイズにして」「tweet用に圧縮して」などと言ったら起動。
Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill's description for better triggering accuracy.
Add Agentation visual feedback toolbar to a Next.js project
Trigger when: (1) User wants to create an educational/explainer video, (2) User has a vague concept they want visualized, (3) User mentions "3b1b style" or "explain like 3Blue1Brown", (4) User wants to plan a Manim video or animation sequence, (5) User asks to "compose" or "plan" a math/science visualization. Transforms vague video ideas into detailed scene-by-scene plans (scenes.md). Conducts research, asks clarifying questions about audience/scope/focus, and outputs comprehensive scene specifications ready for implementation with ManimCE or ManimGL. Use this BEFORE writing any Manim code. This skill plans the video; use manimce-best-practices or manimgl-best-practices for implementation.
Trigger when: (1) User mentions "manim" or "Manim Community" or "ManimCE", (2) Code contains `from manim import *`, (3) User runs `manim` CLI commands, (4) Working with Scene, MathTex, Create(), or ManimCE-specific classes. Best practices for Manim Community Edition - the community-maintained Python animation engine. Covers Scene structure, animations, LaTeX/MathTex, 3D with ThreeDScene, camera control, styling, and CLI usage. NOT for ManimGL/3b1b version (which uses `manimlib` imports and `manimgl` CLI).
Trigger when: (1) User mentions "manimgl" or "ManimGL" or "3b1b manim", (2) Code contains `from manimlib import *`, (3) User runs `manimgl` CLI commands, (4) Working with InteractiveScene, self.frame, self.embed(), ShowCreation(), or ManimGL-specific patterns. Best practices for ManimGL (Grant Sanderson's 3Blue1Brown version) - OpenGL-based animation engine with interactive development. Covers InteractiveScene, Tex with t2c, camera frame control, interactive mode (-se flag), 3D rendering, and checkpoint_paste() workflow. NOT for Manim Community Edition (which uses `manim` imports and `manim` CLI).
Best practices for Remotion - Video creation in React
Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting.
Add Agentation visual feedback toolbar to a Next.js project
This skill should be used when the user asks to "create AGENTS.md", "update AGENTS.md", "maintain agent docs", "set up CLAUDE.md", or needs to keep agent instructions concise. Guides discovery of local skills and enforces minimal documentation style.
codex CLIに直接質問する
歴史・ノンフィクション・調査記事をDocumentaryIR(HistoryTriLayer + NarrativePlan)に変換する。事実/根拠/解釈/語りを直交に分離。「歴史記事をIRに変換して」「ノンフィクションを構造化」「ドキュメンタリーIRを作って」「調査記事をYAMLに」等で使用。ir-pipelineのtext2ir工程でも自動呼出。
Claude×Codex 議論
Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skill should be used when the user is looking for functionality that might exist as an installable skill.
Text↔IR↔Textパイプライン(PaperIR/TechIR/DocumentaryIR)を一貫して実行する。文章→IR変換、IR→Lint検証、IR→文章生成を同一手順で回す。「IRパイプライン」「text2ir」「ir2text」「IRに変換して」「IRをlintして」「文章をIR化」「論文/技術記事/歴史記事を構造化」「/ir-pipeline」などで使用。
Linear IssueをProjectに昇格する。「〜をProjectに昇格して」「〜をProject化して」「Issue to Project」 「このIssueをProjectにして」などで発動。指定IssueからProject作成、Sub-issueのProject紐付け、 必要に応じてSub-issueの独立Issue化を実行する。linear CLIを使用。前提: linear-cli skillが必要。
Lokuma design intelligence. Use this skill whenever building or modifying UI: landing pages, dashboards, SaaS products, mobile apps, e-commerce, portfolios, admin panels, onboarding flows, settings screens, pricing pages, forms, charts, and design systems. Describe the product, audience, platform, tone, and goal in natural language. Lokuma will decide the best design route automatically.
Trigger when: (1) User wants to create an educational/explainer video, (2) User has a vague concept they want visualized, (3) User mentions "3b1b style" or "explain like 3Blue1Brown", (4) User wants to plan a Manim video or animation sequence, (5) User asks to "compose" or "plan" a math/science visualization. Transforms vague video ideas into detailed scene-by-scene plans (scenes.md). Conducts research, asks clarifying questions about audience/scope/focus, and outputs comprehensive scene specifications ready for implementation with ManimCE or ManimGL. Use this BEFORE writing any Manim code. This skill plans the video; use manimce-best-practices or manimgl-best-practices for implementation.
Trigger when: (1) User mentions "manim" or "Manim Community" or "ManimCE", (2) Code contains `from manim import *`, (3) User runs `manim` CLI commands, (4) Working with Scene, MathTex, Create(), or ManimCE-specific classes. Best practices for Manim Community Edition - the community-maintained Python animation engine. Covers Scene structure, animations, LaTeX/MathTex, 3D with ThreeDScene, camera control, styling, and CLI usage. NOT for ManimGL/3b1b version (which uses `manimlib` imports and `manimgl` CLI).
codex CLIを使ってコードをレビューする
概念データモデル(CDM)、論理データモデル(LDM)、物理データモデル(PDM)を段階的に設計・出力するSkill。 「データモデルを作って」「ER図を書いて」「テーブル設計して」「DDLを生成して」「エンティティを整理して」「データ辞書を作って」 「概念モデル」「論理モデル」「物理モデル」などの依頼で発動する。 出力はMermaid ER図、Markdown(用語集・データ辞書・設計書)、SQL DDL。
DocumentaryIRから、年代順/ミステリー開示/テーゼ先出し等の文章を生成する。事実・解釈・不確実性を分離して書く。「DocumentaryIRを文章にして」「IRから歴史記事を生成」「ドキュメンタリーIRをmarkdownに」等で使用。ir-pipelineのir2text工程でも自動呼出。
# Skill: Reclassify existing subagents vs skills and migrate ## Intent Scan an existing repo for *Claude Code subagents* and *skills*, decide which each item should be, and **apply the conversion** by moving/rewrapping files into the appropriate structure — with backups and a migration report. This skill is designed for repos that contain: - subagents as Markdown files (commonly `.claude/agents/*.md`) - skills as either: - folder-based skills (`.claude/skills/<skill>/SKILL.md`), or - singl
Translates Figma designs into production-ready code with 1:1 visual fidelity. Use when implementing UI from Figma files, when user mentions "implement design", "generate code", "implement component", "build Figma design", provides Figma URLs, or asks to build components matching Figma specs. Requires Figma MCP server connection.
Claude Codeのカスタムslash command(Commands)を設計・生成・更新する。 「/コマンドを作りたい」「この作業を毎回同じ手順でやりたいのでコマンド化したい」「.claude/commandsにテンプレを追加したい」 「Claude Codeのcommands作って」「スラッシュコマンド作成」「引数付きコマンド」「allowed-toolsを設定したい」などの依頼で発動する。 プロジェクト用(.claude/commands)・個人用(~/.claude/commands)・サブディレクトリ(namespacing)・引数($ARGUMENTS/$1..)・bash事前実行(!)・ファイル参照(@)・context:fork などに対応する。
情報設計(Information Architecture / IA)を「設計」し、設計が妥当かを「検証(監査)」するためのClaude Code Skill。 対象プロダクト/サイト/アプリの情報を、ユーザーが理解できる形で到達できるように構造化(分類・階層・メタデータ・命名)し、 辿れる導線(ナビ)と探せる仕組み(検索)まで含めて設計する。 さらにカードソート/ツリーテスト等の検証設計と、IA品質チェック(Findable/Understandable、スケール、命名一貫性)を行い、 改善案と改訂版IA成果物を出力する。 トリガー例: 情報設計/IA/サイトマップ/ナビ/カテゴリ/タクソノミー/メタデータ/ラベリング/検索/ファセット/ツリーテスト/カードソート
Use this skill when a user explicitly asks to plan or break down a multi-step project. Produces checkpoint-based plans that surface unknowns early, identify risks, and write structured markdown plan files. Trigger phrases: "plan this", "help me plan", "make a plan", "break this down", "checkpoint plan", "where do I start", "what should I do first", "I'm overwhelmed", "I don't know where to begin". Also trigger when the user describes a large effort (migration, multi-service refactor, compliance project, infrastructure overhaul) and asks for help structuring or sequencing the work. Do NOT trigger for single-task requests like writing a script, fixing a bug, creating a diagram, writing a document, or optimizing a query — those are execution tasks, not planning tasks.
Use this skill when the user asks to save, remember, recall, or organize memories. Triggers on: 'remember this', 'save this', 'note this', 'what did we discuss about...', 'check your notes', 'clean up memories'. Also use proactively when discovering valuable findings worth preserving.
Claude Codeの拡張機構(CLAUDE.md / Skills / MCP)の使い分けガイド。 「CLAUDE.mdに書くべき?skillにすべき?」「MCPとskillの違いは?」「拡張したいけどどれで作る?」 「.claude/commandsと.claude/skillsの違い」「MCP serverはいつ使う?」 「常時適用ルールはどこに書く?」「コンテキスト効率を上げたい」などの判断に使う。 Claude Code自体の拡張設計の相談・レビュー時にも自動検出される。
PaperIR/TechIR/DocumentaryIRのYAMLを検査し、直交性・非重複性(SoT)・適粒度+高凝集・必須anchor・参照整合性の違反をレポートする。「IRをlintして」「IR検証して」「YAMLのバリデーション」「IRの品質チェック」等で使用。ir-pipelineのlint工程でも自動呼出。
JavaScript/TypeScript timezone handling best practices, focusing on JST(UTC+9) <-> UTC conversion. Use this skill whenever the user is working with timezone conversion in JS/TS, dealing with Date object timezone issues, implementing DateRangePicker or date input components that need TZ-aware handling, debugging "9 hours off" bugs, using toLocaleString or Intl.DateTimeFormat with timezone concerns, or storing/retrieving dates between browser and DB. Also trigger when you see anti-patterns like `new Date(year, month, day)` used for cross-timezone scenarios, `setHours`/`setMinutes` for timezone conversion, or `toLocaleString` without a `timeZone` option. Even if the user doesn't mention "timezone" explicitly, if they're dealing with date/time mismatches between client and server, or dates shifting by hours when saved to DB, this skill applies.
Linearのissueを整理し、会話しながら新規issueに落とすスキル。2つのモードを持つ: (1) 既存issue整理: Backlogの全issueをINVEST原則で診断し、分割・統合・再分類を提案・実行 (2) 会話→issue化: ユーザーとの対話から要件を引き出し、適切な粒度のissueに落とす 両モード完了後、整理された実行計画を自動生成する。 トリガー: 「issueを整理して」「Backlog整理」「issue棚卸し」「やること整理」「実行計画を作って」 「issueの粒度を揃えて」「issueに落として」「要件をissueにして」
# MCP Setup Claude Code に MCP サーバーを実際にセットアップ(追加・削除・一覧・確認)するSkill。 「MCPを追加して」「〜のMCPを入れて」「MCP設定して」「MCPサーバーを追加」「MCP一覧」「MCPを削除」 「claude mcp add」「MCP入れたい」「〜をMCPで使いたい」などの依頼で発動する。 ガイドではなく、実際にコマンドを実行して設定を完了させる。 ## Goals - ユーザーの依頼に基づき、正しい `claude mcp add` / `add-json` コマンドを組み立て、**実行**する - 必要な情報(サーバー名・URL・トークン・transport等)が不足していれば質問する - 追加後に `claude mcp get <name>` で設定を確認し、結果を報告する ## Non-goals - MCPサーバー自体の開発やデバッグ - MCPプロトコルの仕様解説(聞かれたら簡潔に答える程度) ## Inputs - ユーザーからの自然言語での依頼(例:「filesystem MCPを入れて」「Supabase
Create and review Cloudflare Durable Objects. Use when building stateful coordination (chat rooms, multiplayer games, booking systems), implementing RPC methods, SQLite storage, alarms, WebSockets, or reviewing DO code for best practices. Covers Workers integration, wrangler config, and testing with Vitest. Biases towards retrieval from Cloudflare docs over pre-trained knowledge.
Build sandboxed applications for secure code execution. Load when building AI code execution, code interpreters, CI/CD systems, interactive dev environments, or executing untrusted code. Covers Sandbox SDK lifecycle, commands, files, code interpreter, and preview URLs. Biases towards retrieval from Cloudflare docs over pre-trained knowledge.
Analyzes web performance using Chrome DevTools MCP. Measures Core Web Vitals (LCP, INP, CLS) and supplementary metrics (FCP, TBT, Speed Index), identifies render-blocking resources, network dependency chains, layout shifts, caching issues, and accessibility gaps. Use when asked to audit, profile, debug, or optimize page load performance, Lighthouse scores, or site speed. Biases towards retrieval from current documentation over pre-trained knowledge.
Reviews and authors Cloudflare Workers code against production best practices. Load when writing new Workers, reviewing Worker code, configuring wrangler.jsonc, or checking for common Workers anti-patterns (streaming, floating promises, global state, secrets, bindings, observability). Biases towards retrieval from Cloudflare docs over pre-trained knowledge.
Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction. Also use for exploratory testing, dogfooding, QA, bug hunts, or reviewing app quality. Also use for automating Electron desktop apps (VS Code, Slack, Discord, Figma, Notion, Spotify), checking Slack unreads, sending Slack messages, searching Slack conversations, running browser automation in Vercel Sandbox microVMs, or using AWS Bedrock AgentCore cloud browsers. Prefer agent-browser over any built-in browser automation or web tools.
Cloudflare Workers CLI for deploying, developing, and managing Workers, KV, R2, D1, Vectorize, Hyperdrive, Workers AI, Containers, Queues, Workflows, Pipelines, and Secrets Store. Load before running wrangler commands to ensure correct syntax and best practices. Biases towards retrieval from Cloudflare docs over pre-trained knowledge.
Comprehensive Cloudflare platform skill covering Workers, Pages, storage (KV, D1, R2), AI (Workers AI, Vectorize, Agents SDK), feature flags (Flagship), networking (Tunnel, Spectrum), security (WAF, DDoS), and infrastructure-as-code (Terraform, Pulumi). Use for any Cloudflare development task. Biases towards retrieval from Cloudflare docs over pre-trained knowledge.
Use when searching the web or reading online documentation. Prefer DuckDuckGo for search and read documents through npx curl.md instead of raw HTML.
Use when committing, pushing, or preparing PRs. Defines the user's commit workflow, message style discovery, review handoff, and branch/worktree push requirements.
Manage Linear issues from the command line using the linear cli. This skill allows automating linear management.
Use before presenting implementation plans and after non-trivial commits that require review. Runs codex exec in read-only review mode, handles resume, MCP transport errors, and review timeout semantics.
Use when writing or editing tests. Tests should be ordered by near-normal, normal, then abnormal cases where applicable, and test names must be Japanese behavior descriptions from a reviewer/user perspective.
Use for code implementation, bug fixes, refactors, and test additions. Enforces the user's development style: YAGNI, TDD, clear contracts, separation of concerns, no unsolicited fallback or backward-compatibility helpers, and maintainable code structure.
GoF/オブジェクト指向デザインパターンを関数型プログラミング(pure functions, higher-order functions, ADT, composition, immutability, effect boundaries)でシンプルに整理・設計・リファクタリングする。Strategy/Factory/Adapter/ObserverなどGoF全23パターンのFP置き換え、適用判断、具体事例を提示する必要があるときに使う。
Trigger when: (1) User mentions "manimgl" or "ManimGL" or "3b1b manim", (2) Code contains `from manimlib import *`, (3) User runs `manimgl` CLI commands, (4) Working with InteractiveScene, self.frame, self.embed(), ShowCreation(), or ManimGL-specific patterns. Best practices for ManimGL (Grant Sanderson's 3Blue1Brown version) - OpenGL-based animation engine with interactive development. Covers InteractiveScene, Tex with t2c, camera frame control, interactive mode (-se flag), 3D rendering, and checkpoint_paste() workflow. NOT for Manim Community Edition (which uses `manim` imports and `manim` CLI).
Manage Linear issues from the command line using the linear cli. This skill allows automating linear management.
Nano Banana(Gemini のネイティブ画像生成)向けに、用途(ロゴ/EC物撮り/サムネ/ステッカー/文字入り/ミニマル/差分編集/参照画像固定など)をヒアリングし、 "タグ盛り"ではなく撮影・制作ブリーフ形式で一貫性の高い高品質プロンプトを作るSkill。 ユーザーが「nanobananaで画像生成のプロンプトを作って」「Gemini画像生成の高品質プロンプト」「編集で詰めたい」「参照画像で同一性を保ちたい」等を求めたときに発動する。
論文/解説/哲学系の文章をPaperIR(Discourse+Argument+Evidence)に変換する。直交性とトレーサビリティを厳守。「論文をIRに変換して」「PaperIR作って」「論文を構造化して」「解説記事をYAMLに」等で使用。ir-pipelineのtext2ir工程でも自動呼出。
PaperIR(Discourse+Argument+Evidence)から論文風/解説風/ブログ風の文章を生成する。IR外の事実は追加しない。「PaperIRを論文にして」「IRから解説記事を書いて」「PaperIRをmarkdownに」等で使用。ir-pipelineのir2text工程でも自動呼出。
--- name: screen-transition-diagram description: 画面遷移図(画面フロー図 / Screen flow / UI flow / Wireflow)を、要件・ユーザーストーリー・既存ルート・Figma構成・文章仕様から再現可能に作成/更新する。出力はMermaidのflowchartを基本とし、画面カタログ(画面ID/名称/状態/権限)と遷移カタログ(トリガー/条件/結果/例外)も併記する。例外系(失敗・戻り・未ログイン・権限不足・空状態)を必ず含め、スパゲッティ化する場合はユースケース単位で図を分割(L0/L1/L2)する。トリガー語: 画面遷移図, 画面フロー, UIフロー, screen flow, wireflow, 遷移図, フロー図, 画面一覧, 画面設計, 導線 --- # Screen Transition Diagram Skill このSkillは、Web/アプリの「画面(ページ)」をノード、ユーザー操作や条件を矢印として、**実装/QAに耐える画面遷移図**を作るための手順です。 ## Output Contra
# Skills Index Generator skillsディレクトリを走査し、AGENTS.md等に貼り付けられる **圧縮SKILLS-INDEX** を生成するSkill。 ## Goals - skillsディレクトリ内の全スキルを自動検出 - 各スキルの主要ファイル(SKILL.md, AGENTS.md, rules/*.md等)を圧縮形式で列挙 - `<!--SKILLS-INDEX-->...<!--END-->` 形式のワンライナーを出力 ## Non-goals - AGENTS.mdへの自動書き込み(出力をコピペする想定) - スキルの内容解析・要約 ## Inputs - skillsディレクトリのパス(省略時: `~/.claude/skills`) - rootパス表記(省略時: `~/.claude/skills`) ## Outputs コピペ可能なワンライナー: ``` <!--SKILLS-INDEX-->|[Skills Index]|root:~/.claude/skills|IMPORTANT:Prefer retrieval-l
物語のプロット作成を、長期/中期/短期スパンの索引に従って支援する。 長期: シリーズログライン/終点固定/タイムラインA-B/設定台帳/伏線台帳/巻×筋マトリクス。 中期: 8シークエンス/三幕・STC・Hauge/Truby・McKee点検/アウトライン階層。 短期: ステップアウトライン/シーンカード/Goal-Conflict-Turn-Button/Value Shift/章×筋マトリクス。 既存プロットの破綻検出(矛盾・中だるみ・伏線回収漏れ・筋の放置)も行う。
PRD(Product Requirements Document)を、Universal PRDフォーマット(軽量1ページ〜詳細版まで同じ型)で作成する。 ユーザーが「PRDを書いて」「要件定義書を作って」「仕様をまとめて」「Press Release / FAQ(Working Backwards)を書いて」 「Shape UpのPitchっぽく提案書を作って」「成功指標/KPIとスコープを整理して」などを依頼したときに使う。 出力はMarkdown。必要に応じて1ページ版→標準版→詳細版へ段階的に拡張する(progressive disclosure)。
物語のプロット設計を支援するSkill。15の手法(三幕構成、8シークエンス、Save the Cat!、伏線台帳、章×筋マトリクス等)を 長期/中期/短期の3スパンで使い分け、ユーザーのジャンル・状況に最適な手法を選定し、構造化されたプロット文書を生成する。 「プロットを作って」「物語の構成を設計して」「伏線を管理したい」「三幕構成で組み立てて」「シーンカードを作って」 「8シークエンスで整理して」「ログラインを書いて」「ステップアウトラインを作って」「群像劇の筋を整理したい」 「中だるみを直したい」「伏線台帳を作って」「キャラアークを設計して」などの依頼で発動する。
Plan, implement, and debug frontend tests: unit/integration/E2E/visual/a11y. Use for Playwright MCP browser automation, Vitest/Jest/RTL, flaky test triage, CI stabilization, and canvas/WebGL games (Phaser) needing deterministic input plus screenshot/state assertions. Trigger: "test", "E2E", "flaky", "visual regression", "Playwright", "game testing".
Best practices for Remotion - Video creation in React
J.K.ローリングの手描きプロット表(章×筋ストランド)を再現し、 長編・シリーズ作品のストーリー構造を設計・点検するためのSkill。 「複数のサブプロットを同時進行で管理したい」「伏線の置き忘れを防ぎたい」 「章ごとの密度や停滞を可視化したい」時に使う。 データはYAML(構造)+Markdown(思考メモ)で永続化し、Git管理できる。
Build 2D games with Phaser 3 framework. Covers scene lifecycle, sprites, physics (Arcade/Matter), tilemaps, animations, input handling, and game architecture. Trigger: "create phaser game", "add phaser scene", "phaser sprite", "phaser physics", "game development with phaser".
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
This skill should be used when the user asks to "create AGENTS.md", "update AGENTS.md", "maintain agent docs", "set up CLAUDE.md", or needs to keep agent instructions concise. Guides discovery of local skills and enforces minimal documentation style.
Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skill should be used when the user is looking for functionality that might exist as an installable skill.
Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, test web applications, or extract information from web pages.
Postgres performance optimization and best practices from Supabase. Use this skill when writing, reviewing, or optimizing Postgres queries, schema designs, or database configurations.
Next.js App RouterでのServer Components / Server Actions / Route Handlers等の使い分けガイド。「Server ComponentとClient Componentの違い」「Server Actionsの使い方」「Server FunctionとServer Actionの違い」「revalidatePath/revalidateTag/updateTagの違い」「use cacheの使い方」「Client側のデータ取得パターン」「useTransition/useFormStatus/useActionState/useOptimistic」などの質問に回答する際に参照する。
Create and review Cloudflare Durable Objects. Use when building stateful coordination (chat rooms, multiplayer games, booking systems), implementing RPC methods, SQLite storage, alarms, WebSockets, or reviewing DO code for best practices. Covers Workers integration, wrangler config, and testing with Vitest. Biases towards retrieval from Cloudflare docs over pre-trained knowledge.
Comprehensive Cloudflare platform skill covering Workers, Pages, storage (KV, D1, R2), AI (Workers AI, Vectorize, Agents SDK), feature flags (Flagship), networking (Tunnel, Spectrum), security (WAF, DDoS), and infrastructure-as-code (Terraform, Pulumi). Use for any Cloudflare development task. Biases towards retrieval from Cloudflare docs over pre-trained knowledge.
Analyzes web performance using Chrome DevTools MCP. Measures Core Web Vitals (LCP, INP, CLS) and supplementary metrics (FCP, TBT, Speed Index), identifies render-blocking resources, network dependency chains, layout shifts, caching issues, and accessibility gaps. Use when asked to audit, profile, debug, or optimize page load performance, Lighthouse scores, or site speed. Biases towards retrieval from current documentation over pre-trained knowledge.
Cloudflare Workers CLI for deploying, developing, and managing Workers, KV, R2, D1, Vectorize, Hyperdrive, Workers AI, Containers, Queues, Workflows, Pipelines, and Secrets Store. Load before running wrangler commands to ensure correct syntax and best practices. Biases towards retrieval from Cloudflare docs over pre-trained knowledge.
Build sandboxed applications for secure code execution. Load when building AI code execution, code interpreters, CI/CD systems, interactive dev environments, or executing untrusted code. Covers Sandbox SDK lifecycle, commands, files, code interpreter, and preview URLs. Biases towards retrieval from Cloudflare docs over pre-trained knowledge.
Send and receive transactional emails with Cloudflare Email Service (Email Sending + Email Routing). Use when building email sending (Workers binding or REST API), email routing, Agents SDK email handling, or integrating email into any app — Workers, Node.js, Python, Go, etc. Also use for email deliverability, SPF/DKIM/DMARC, wrangler email setup, MCP email tools, or when a coding agent needs to send emails. Even for simple requests like "add email to my Worker" — this skill has critical config details.
Build AI agents on Cloudflare Workers using the Agents SDK. Load when creating stateful agents, durable workflows, real-time WebSocket apps, scheduled tasks, MCP servers, chat applications, voice agents, or browser automation. Covers Agent class, state management, callable RPC, Workflows, durable execution, queues, retries, observability, and React hooks. Biases towards retrieval from Cloudflare docs over pre-trained knowledge.
Reviews and authors Cloudflare Workers code against production best practices. Load when writing new Workers, reviewing Worker code, configuring wrangler.jsonc, or checking for common Workers anti-patterns (streaming, floating promises, global state, secrets, bindings, observability). Biases towards retrieval from Cloudflare docs over pre-trained knowledge.