Stitch MCPツールとバトンパスループパターンを使用して、反復的なWebサイト開発を自動化します。エージェントがページを自律的に生成し、プロジェクトのコンテキストを維持し、継続的な改善サイクルを通じて開発を継続します。

デザインチームは手作業でのUIモックアップ作成に何時間も費やしています。Stitch Designスキルは、テキスト説明から高忠実度のスクリーン生成を自動化し、デザインシステムの一貫性を維持します。

曖昧なUI記述は、AIジェネレーターから一貫性のない結果をもたらすことがよくあります。このスキルは、大まかなアイデアを構造化された詳細なプロンプトに変換し、デザインシステムのコンテキスト、具体的なコンポーネント名、明確なページレイアウトを含めることで、より高い品質の出力を生成します。

Claude、Codex、および Claude Code 用の AI スキル

チームではアプリスクリーンの高速で一貫性のあるウォークスルービデオが必要ですが、手動編集は遅いです。このスキルは、画面取得とRemotion構成を自動化し、トランジションとオーバーレイを含むレンダリング可能なビデオを生成します。

視覚的なデザインを Stitch から TypeScript と Tailwind CSS を使用したクリーンでモジュールな React コードへと変換します。設計のモックアップからの手動コーディングを自動 AST 検証によって排除し、一貫性のあるコード品質を確保します。

設計システムは、多くの場合、プロンプトに翻訳しにくい技術的なCSS値に閉じ込められています。このスキルは視覚アセットを分析し、一貫したUI生成を保証する自然言語の設計ドキュメントに翻訳します。

An AI skill for Claude, Codex, and Claude Code

アクセシブルなReactユーザーインターフェースを構築するには、shadcn/uiのパターン、コンポーネントのインストール、Tailwindのカスタマイズを学ぶ必要があります。このスキルでは、コンポーネントのインストール、バリデーション付きフォームの実装、ダイアログ、ドロップダウン、テーブルなどのアクセシブルなUIパターンの作成に関する包括的なガイダンスを提供します。

レガシーコードは保守や拡張が困難になります。このスキルは、動作を保ちながら構造と可読性を向上させるために、実証されたリファクタリング技術を適用します。

曖昧な機能アイデアを構造化された本番対応のPRDに変換します。このスキルは、明確な要件、ユーザーストーリ、成功指標を通じてビジネスビジョンと技術的実行を橋渡しします。

Spring Bootアプリケーションの作成には、依存性注入、構成管理、セキュリティパターンの理解が必要です。このスキルは、保守性が高く安全でテスト可能なSpring Bootアプリケーション構築に関する専門的ガイダンスを提供します。

このスキルは GitHub CLI (gh) の包括的なリファレンスドキュメントを提供し、AI アシスタントがリポジトリ、イシュー、プルリクエスト、Actions などの GitHub 操作をコマンドラインから実行できるようにします。

開発者はコミットメッセージの作成に時間を使いすぎています。このスキルはgitの差分を分析し、標準化された検索可能なコミットメッセージを自動生成することで、従来のコミットメッセージ生成を自動化します。

手描きなし��アイデアを視覚的な図に変換します。プロフェッショナルなフローチャート、マインドマップ、アーキテクチャ図を編集可能なExcalidrawファイルとして生成します。

明確で構造化されたソフトウェアドキュメントの作成に苦労していませんか？このスキルは実証済みのDiátaxisフレームワークを適用してチュートリアル、操作ガイド、参照ドキュメント、解説書を作成します。

CIステータスの手動確認、レビューフィードバックの収集、修正のプッシュは反復的で時間がかかります。このスキルはフィードバック修正プッシュ待機サイクル全体を自動化し、スキルがPRのメンテナンスを処理しながらコードの記述に集中できます。

変更内のコードの問題を特定します。このスキルは、構造化されたアプローチを使用して、ブランチ変更のバグ、セキュリティ脆弱性、コード质量问题体系的にレビューします。

AI が生成したコードには、不要なコメント、過度な防御的チェック、不要なパターンが含まれていることが多くあります。このスキルは main に対する git 差分をレビューし、正当な変更を維持しながら体系的にコードの劣化を除去します。

このスキルは、Sentryエンジニアリングプラクティスに従ったGitHubプルリクエストの作成をガイドします。ブランチ検証、変更分析、PR説明文作成のステップバイステップ指示を提供します。スキルは一貫したPR形式を保証し、チームがコードレビュー基準を維持するのに役立ちます。