開発スキル

開発者向けの魅力的な技術記事やブログ記事を作成します。ユーザーがブログ記事、技術記事、または長文の技術コンテンツの作成を依頼した場合にこのスキルを使用します。また、ユーザーが「[技術トピック]について書いて」「記事の下書きを手伝って」「これをブログ記事にして」「〜についての投稿を書いて」「〜について公開したい」と言った場合や、開発者向けの執筆について言及した場合にも起動します。アイデアの洗練、フック/タイトルの生成、記事作成までの全工程をカバーします。

あらゆる機能やバグ修正を実装する際、実装コードを書く前に使用します。

ElevenLabsの音声AIを使用してテキストを音声に変換します。テキストから音声を生成する際、ナレーションの作成、音声アプリの構築、または70以上の言語での音声合成に使用します。

大まかなアイデアを、コード作成前に承認され意思決定が完了した検証済み構造の計画に変換します。ユーザーが機能、アーキテクチャ、価値判断について「出方案/给方案/深入分析/怎么设计/有没有必要/值不值得/plan this/how should I/should we keep this」と尋ねた場合に使用します。バグ修正や小さな編集には使用しません。

計画、仕様、PRDを、トレーサー・ブレットの垂直スライスを用いて、プロジェクトの課題トラッカー上で個別に取得可能な課題に分割します。ユーザーが計画を課題に変換したい、実装チケットを作成したい、または作業を課題に分解したい場合に使用します。

現在の会話コンテキストをPRDに変換し、プロジェクトの課題トラッカーに公開します。ユーザーが現在のコンテキストからPRDを作成したい場合に使用します。

現在の会話を仕様書に変換し、プロジェクトの課題トラッカーに公開します — インタビューは不要で、既に議論した内容を統合するだけです。

計画、仕様、または現在の会話を、トレーサー・ブレットのチケット群に分解し、各チケットはそのブロッキングエッジを宣言し、設定されたトラッカーに公開します。エッジは、ローカルではチケットごとに1ファイルのテキストとして、または実際のトラッカー上ではネイティブのブロッキングリンクとして表現されます。

トリアージロールによって駆動されるステートマシンを通じて課題をトリアージします。ユーザーが課題を作成したい、課題をトリアージしたい、新着のバグや機能リクエストをレビューしたい、AFKエージェント向けに課題を準備したい、または課題ワークフローを管理したい場合に使用します。

プロジェクトにCloudflare Turnstileをエンドツーエンドでセットアップする — コードベースをスキャンし、Cloudflare API経由でウィジェットを作成し、管理されたsiteverify Workerをデプロイし、フロントエンドスニペットを記述し、検証してスキルを永続化します。ユーザーがTurnstileの追加、CAPTCHAの設定、フォームのボット対策、またはTurnstile統合の修正を依頼した際に読み込んでください。developers.cloudflare.com/turnstile/spinを参照しています。

TypeScriptの高度な型システムを習得。ジェネリクス、条件付き型、マップ型、テンプレートリテラル型、ユーティリティ型を含み、型安全なアプリケーションを構築します。複雑な型ロジックの実装、再利用可能な型ユーティリティの作成、TypeScriptプロジェクトでのコンパイル時の型安全性の確保に使用します。

Use when the user needs to create, extract, flatten, list, test, install, script, or troubleshoot `tzst` CLI workflows for `.tzst` or `.tar.zst` archives, including compression levels, streaming mode, extraction filters, conflict resolution, JSON output, or standalone binary setup, even if they describe the archive task without naming `tzst`.

現在の会話からDDDスタイルのユビキタス言語の用語集を抽出し、曖昧さを指摘して標準的な用語を提案します。UBIQUITOUS_LANGUAGE.mdに保存します。ユーザーがドメイン用語を定義したい、用語集を作成したい、用語を固めたい、ユビキタス言語を作成したい、または「ドメインモデル」や「DDD」に言及した場合に使用します。

We need to translate the given English text into Japanese, preserving the name "ui-styling" if it appears. The name does not appear in the text, so we don't include it. The text describes a skill for creating UI with shadcn/ui, Radix UI, Tailwind, etc. We must not add any extra commentary, labels, or formatting. Just the translation. The text: "Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications." We need to translate naturally into Japanese. Keep technical terms like shadcn/ui, Radix UI, Tailwind CSS, etc. as is. Also "utility-first styling", "canvas-based visual designs", "responsive layouts", "dark mode

Webとモバイル向けのUI/UXデザインインテリジェンス。50以上のスタイル、161のカラーパレット、57のフォントペアリング、161のプロダクトタイプ、99のUXガイドライン、25のチャートタイプを10スタック（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui、HTML/CSS）で収録。アクション：UI/UXコードの計画、構築、作成、デザイン、実装、レビュー、修正、改善、最適化、拡張、リファクタリング、チェック。プロジェクト：ウェブサイト、ランディングページ、ダッシュボード、管理パネル、Eコマース、SaaS、ポートフォリオ、ブログなど。

このリポジトリ内のSKILL.mdファイルを生成、編集、または洗練することで、スキルを作成または更新します。新しいスキルを作成する際や、既存のスキルの構造、フロントマター、ガイダンスを改訂する際に使用します。

エージェントスキルを発見し、呼び出します。セッション開始時や、現在のタスクにどのスキルが適用されるかを発見する必要がある場合に使用します。これは、他のすべてのスキルがどのように発見され、呼び出されるかを管理するメタスキルです。

現在のワークスペースから分離が必要な機能作業を開始する際や、実装計画を実行する前に使用します。ネイティブツールまたはgit worktreeのフォールバックにより、分離されたワークスペースを確保します。

会話を開始する際に使用します。スキルの検索方法と使用方法を確立し、明確化の質問を含むあらゆる応答の前に、必ずスキルツールの呼び出しを必要とします。

ブランチまたはプルリクエストの実装が、導入された製品、技術、セキュリティ、および関連仕様と一致することを検証します。仕様に基づく変更のレビューや完了時、チェックインされた仕様と実装の不一致を解決する際に使用します。

デプロイ済みプロジェクト、特にNext.js、SvelteKit、Nuxt、および限定的なAstroアプリにおけるVercelのコストとパフォーマンス最適化に使用します。まずVercelのメトリクス、使用状況、プロジェクト設定、コードスキャン結果を収集し、メトリクスに裏付けられた候補のみを調査し、検証済みファイルとバージョン対応のVercel/フレームワークドキュメントに基づいた優先順位付きの推奨事項を生成します。Vercelの請求額削減、低速または高コストなルート、キャッシュの機会、Function Invocations、Build Minutes、Fast Data Transfer、Core...のトリガーとなります。

作業完了、修正完了、またはテスト通過と主張する前に使用します。コミットやPR作成の前に、検証コマンドを実行し、その出力を確認してから成功を主張する必要があります。主張の前には常に証拠が必要です。

Viteを搭載した高速ユニットテストフレームワークで、Jest互換のAPIを備えています。テストの作成、モック、カバレッジ設定、テストフィルタリングやフィクスチャの操作時に使用します。

大量の作業を計画し、それを調査チケットの共有マップとして課題トラッカー上に展開し、目的地への道筋が明確になるまで一つずつ解決していきます。

UIコードをレビューし、Web Interface Guidelinesへの準拠を確認します。「UIをレビューして」「アクセシビリティをチェックして」「デザインを監査して」「UXをレビューして」「ベストプラクティスに沿ってサイトをチェックして」と依頼された場合に使用します。

パフォーマンス、アクセシビリティ、SEO、ベストプラクティスを網羅した包括的なウェブ品質監査。「サイトを監査して」「ウェブ品質をレビューして」「Lighthouse監査を実行して」「ページ品質をチェックして」「ウェブサイトを最適化して」と依頼された場合に使用します。

Playwrightを使用してローカルWebアプリケーションと対話し、テストするためのツールキット。フロントエンド機能の検証、UI動作のデバッグ、ブラウザスクリーンショットの取得、ブラウザログの表示をサポートします。 ライセンス：LICENSE.txtに完全な利用規約が記載されています。

インタラクティブなbashウィザードを生成し、サードパーティのセットアップ、一回限りの移行、A→Bの状態遷移といった手動手順を人間に案内します。URLを開き、値を取得し、各ステップを確認しながら、.envファイルやGitHub Actionsのシークレットを書き込みます。

Warpの重要なユーザー向け機能について、詳細な動作と検証に焦点を当てたPRODUCT.md仕様書を作成します。ユーザーがプロダクト仕様、期待動作ドキュメント、PRDを求めている場合、実装前に機能の動作を定義したい場合、または仕様書を作成することで実装やレビューが改善されるほど機能が大規模または動作的に曖昧な場合に使用します。

現在のコードベースと実装制約を調査した上で、主要なWarp機能のTECH.md仕様書を作成します。ユーザーが製品仕様に関連する技術仕様書、実装計画、またはアーキテクチャ文書を求めた場合に使用します。