Google Labs Codeスキル

AIエージェント向けにCLIがどの程度設計されているかを評価するためのスコアリング尺度で、「Rewrite Your CLI for AI Agents」の原則に基づいています。

CLIがAIエージェント向けにどの程度設計されているかを評価するためのスコアリングスケールで、「Rewrite Your CLI for AI Agents」の原則に基づいています。

並列Julesコーディングエージェントを使用して、GitHub Issueの自動トリアージと解決を設定します。

Analyze Stitch design projects and generate semantic DESIGN.md files as prompting source of truth. Retrieves screen metadata, HTML/CSS source, and design assets from Stitch projects via MCP Server tools to extract design tokens and visual patterns Synthesizes findings into structured DESIGN.md files covering atmosphere, color palette with hex codes, typography, component styling, and layout principles Translates technical values (Tailwind classes, border-radius, shadows) into evocative...

Stitchデザインプロジェクトを分析し、プロンプトの信頼できる情報源として意味論的なDESIGN.mdファイルを生成します。MCPサーバーツールを介してStitchプロジェクトからスクリーンメタデータ、HTML/CSSソース、デザインアセットを取得し、デザイントークンとビジュアルパターンを抽出します。抽出結果を、雰囲気、HEXコード付きカラーパレット、タイポグラフィ、コンポーネントスタイリング、レイアウト原則を網羅した構造化されたDESIGN.mdファイルに統合します。技術的な値（Tailwindクラス、border-radius、シャドウ）を、印象的な表現に変換します。

Transforms vague UI ideas into polished, Stitch-optimized prompts with design system context. Assesses missing elements (platform, page type, visual style, colors, components) and fills gaps systematically Checks for and integrates DESIGN.md files to ensure consistency across multi-page projects Applies enhancement techniques including UI/UX keyword specificity, mood amplification, page structure organization, and proper color formatting Outputs structured prompts ready for Stitch...

曖昧なUIアイデアを、デザインシステムのコンテキストを考慮した洗練されたStitch最適化プロンプトに変換します。不足している要素（プラットフォーム、ページタイプ、ビジュアルスタイル、色、コンポーネント）を評価し、体系的に補完します。複数ページにわたるプロジェクト全体で一貫性を確保するため、DESIGN.mdファイルの有無を確認し統合します。UI/UXキーワードの具体性、ムードの増幅、ページ構造の整理、適切な色のフォーマットを含む拡張技術を適用します。Stitchで使用可能な構造化プロンプトを出力します...

このスキルはリポジトリの「深読み」を実行します。まずプロジェクトのアーキテクチャを理解し、そのコンテキストに基づいて未解決項目を評価することで、表面的なリスト表示を避けます。

json-render用のInkターミナルレンダラーで、JSON仕様をインタラクティブなターミナルUIに変換します。@json-render/inkを使用してターミナルUIを構築する際に使用します。

Inkはjson-render用のターミナルレンダラーで、JSON仕様をインタラクティブなターミナルUIに変換します。@json-render/inkを使用する際、ターミナルUIを構築するときに使用します。

actを使用してローカルGitHub Actions検証用のリポジトリを設定し、Julesがプッシュ前にCIを検証できるようにする

Convert Stitch designs into production React + Vite dashboards with TanStack Query, accessible tokens from DESIGN.md, and Web3-ready patterns (ethers/viem).

react:components — AIエージェント用のインストール可能なスキルで、google-labs-code/stitch-skillsによって公開されています。

Stitchアプリのデザインから、スムーズなトランジションとテキストオーバーレイを備えたプロフェッショナルなウォークスルー動画をRemotionで作成します。Stitchプロジェクトからスクリーンを取得し、ズーム効果、フェードトランジション、コンテキストに応じたテキストオーバーレイを伴うRemotion動画コンポジションにオーケストレーションします。ScreenSlideやWalkthroughCompositionコンポーネントによるモジュール式アーキテクチャをサポートし、インタラクティブなホットスポットやボイスオーバー統合などの高度な機能も備えています。スクリーンマニフェストを生成し、ダウンロード...

Create professional walkthrough videos from Stitch app designs using Remotion with smooth transitions and text overlays. Retrieves screens from Stitch projects and orchestrates them into Remotion video compositions with zoom effects, fade transitions, and contextual text overlays Supports modular component architecture with ScreenSlide and WalkthroughComposition components, plus advanced features like interactive hotspots and voiceover integration Generates screen manifests, downloads...

Expert guidance for discovering, installing, and customizing shadcn/ui components in your project. shadcn/ui is a copy-paste component collection, not a library—components live in your codebase for full ownership and customization without version lock-in Includes 50+ accessible, pre-built components (buttons, dialogs, forms, tables, etc.) built on Radix UI or Base UI primitives with Tailwind CSS styling Supports theme customization via CSS variables, component variants with...

プロジェクト内でshadcn/uiコンポーネントを発見、インストール、カスタマイズするための専門的なガイダンス。shadcn/uiはライブラリではなく、コピー＆ペーストで利用するコンポーネントコレクションです。コンポーネントはコードベース内に配置されるため、完全な所有権とカスタマイズが可能で、バージョンによる制約はありません。Radix UIまたはBase UIのプリミティブをベースに、Tailwind CSSでスタイリングされた50以上のアクセシブルなビルド済みコンポーネント（ボタン、ダイアログ、フォーム、テーブルなど）を含みます。CSS変数によるテーマカスタマイズ、コンポーネントバリアントなどをサポートしています。

Stitch MCPを使用して高忠実度UIスクリーンを作成・編集するための統一デザインシステムエントリポイント。ラフなデザインアイデアを、プロフェッショナルなUI/UX用語とデザインシステムコンテキストを用いて構造化されたプロンプトに変換します。既存のStitchプロジェクトを.stitch/DESIGN.mdの「信頼できる情報源」ドキュメントに統合し、スクリーン間の一貫性を確保します。テキストからデザイン生成、スクリーン編集、デザインシステムドキュメントワークフローの間でインテリジェントにリクエストをルーティングします。アセットを自動管理し…

Autonomous website builder using iterative Stitch generation with baton-passing loop coordination. Implements a relay pattern where each agent iteration reads a task from .stitch/next-prompt.md , generates a page via Stitch MCP, integrates it into the site, and writes the next task for continuation Manages Stitch project state through .stitch/metadata.json , persisting project IDs, screen metadata, and design theme across iterations Requires .stitch/DESIGN.md (visual design system) and...

反復的なStitch生成とバトンパスループ調整を用いた自律型ウェブサイトビルダー。各エージェントの反復が.stitch/next-prompt.mdからタスクを読み取り、Stitch MCPを介してページを生成し、サイトに統合し、継続のための次のタスクを書き込むリレーパターンを実装。.stitch/metadata.jsonを通じてStitchプロジェクトの状態を管理し、プロジェクトID、画面メタデータ、デザインテーマを反復間で保持。.stitch/DESIGN.md（ビジュアルデザインシステム）と...が必要。

Find bugs in the Stitch SDK using a real API key. Covers standard functional edges and tricky situations.

実際のAPIキーを使用してStitch SDKのバグを見つけます。標準的な機能の境界とトリッキーな状況をカバーします。

Stitch SDKを開発します。生成パイプライン、二重モダリティ（エージェント vs SDK）、エラー処理、およびTraffic Light（Red-Green-Yellow）の実装をカバーします…

Stitch SDKを開発します。生成パイプライン、デュアルモダリティ（エージェント対SDK）、エラーハンドリング、およびトラフィックライト（レッド・グリーン・イエロー）実装をカバーします…

Design the domain model for the Stitch SDK. Use when mapping MCP tools to domain classes and bindings in domain-map.json. This is Stage 2 of the generation…

Stitch SDKのドメインモデルを設計します。MCPツールをdomain-map.json内のドメインクラスとバインディングにマッピングする際に使用します。これは生成のステージ2です…

Stitch SDK生成パイプライン全体を実行します。新しいツールが追加された場合や、SDKを最初から再生成する必要がある場合に使用します。

Run the full Stitch SDK generation pipeline. Use when a new tool is added, or the SDK needs to be regenerated end-to-end.

Stitch SDKのREADMEを生成または更新します。Bookstore Testの構造を使用し、コードベースから現在のAPIを参照します。READMEが必要な場合に使用します。

Generate or update the README for the Stitch SDK. Use the Bookstore Test structure and source the current API from the codebase. Use when the README needs to…

Use the Stitch SDK to generate, edit, and iterate on UI screens from text prompts, manage projects, and retrieve screen HTML/images. Use when the user wants to…

stitch-sdk-usage — google-labs-code/stitch-sdk が公開する、AIエージェント向けのインストール可能なスキルです。

フロントエンドコード（Vite、Reactなど）を、静的HTML抽出、デザインシステム抽出、ファイルアップロードを連鎖させてStitch Designに変換します。**常に**これを使用してください…

Extract a comprehensive design system (DESIGN.md) directly from frontend source code — React, Vue, Svelte, Angular, plain HTML/CSS, or any web framework.…

ビルド済みのWebアプリケーションやReactコンポーネントから、CSSや画像をインライン化して、自己完結型の静的HTMLを抽出します。キャプチャが必要な場合にこのスキルを使用してください。

テキストプロンプトや画像から新しい画面を生成し、プロンプトとデザインシステムトークンで既存の画面を編集し、Stitch MCPを使用してデザインバリアントを生成します。

StitchのMCPツールを使用してデザインシステムを管理します。アセットの取得、Stitchでのデザインシステムの作成・更新、およびスクリーンへの適用を含みます。

Stitchのデザインをモジュール化されたViteおよびReactコンポーネントに変換するか、既存のReactコンポーネントを最新のStitchデザインに合わせて同期・更新します。

StitchのHTMLデザインをReact Nativeコンポーネントに変換するか、既存のネイティブコンポーネントを最新のStitchデザインに合わせて同期・更新し、StyleSheetを使用します。

ローカルアセット（画像、モックアップ、抽出したHTML、デザインマークダウン）をStitchプロジェクトにアップロードします。ビジュアルアセットやHTMLなどをアップロードする必要がある場合は、常にこのスキルを使用してください。

Generates semantic design system files that enforce premium, anti-generic UI standards for Google Stitch screen generation. Produces DESIGN.md files encoding visual atmosphere, color calibration, typography rules, component behaviors, layout principles, and motion philosophy in Stitch-native semantic language Enforces strict anti-patterns: bans generic fonts (Inter, Times New Roman), neon aesthetics, overlapping elements, centered Hero sections, fabricated metrics, and AI copywriting clichés...

Google Stitch向けセマンティックデザインシステムスキル。プレミアムで凡庸でないUI基準を強制するエージェントフレンドリーなDESIGN.mdファイルを生成します—厳格なタイポグラフィ、…

このスキルは、AI支援プログラミングのための構造的フレームワークを実装し、コードのすべての行が検証可能で、型付けされ、目的を持っていることを保証します。

このスキルは、AI支援プログラミングのための構造的フレームワークを実装し、すべてのコード行が検証可能で、型付けされ、目的を持っていることを保証します。

「Spec and Handler」パターンを用いて、堅牢で型安全なTypeScriptサービスを構築するためのアーキテクチャ標準。CLI、ライブラリ、または複雑な…

Architecture standard for building robust, type-safe TypeScript services using the "Spec and Handler" pattern. Use when building CLIs, libraries, or complex…

「Spec and Handler」パターンを用いて、堅牢で型安全なTypeScriptサービスを構築するためのアーキテクチャ標準。CLI、ライブラリ、または複雑な…を構築する際に使用します。