ツールを投稿

stitch-skills

Google Stitchでデザインとコードを生成するAgent Skills 16件以上

無料 デザイン・クリエイティブ ★ 8672
GitHubで見る →
#92 スキルリポジトリ289件中
8.7k GitHubスター
+47 今週のスター
google-labs-code 作者

// 概要

Stitch Skillsは、Google Stitch MCPサーバーで使うAgent Skillsのオープン標準に準拠しています。デザイン生成、デザインからコードへの変換、プロンプトの改善やデザイン評価などの補助ツールを扱う3つのプラグインに分類されています。

// インストール
Install via CLI commands for Codex, Claude Code, or Cursor; requires the Stitch MCP server to be configured.
// 対応環境 Claude CodeCursorCodexGemini CLIOpenCode

// 内容

このリポジトリには次のスキルが含まれます。

  • stitch::code-to-design:既存コードをStitchのデザインに変換します。
  • stitch::generate-design:プロンプトから新しいデザインを生成します。
  • stitch::manage-design-system:Stitchでプロジェクトのデザインシステムを管理します。
  • stitch::react-components:StitchのデザインからReactコンポーネントを生成します。
  • stitch::react-native:StitchのデザインからReact Nativeコードを生成します。
  • remotion:StitchのデザインからRemotion動画のコードを生成します。
  • shadcn-ui:Stitchのデザインからshadcn/uiベースのコンポーネントを生成します。
  • enhance-prompt:生成前にデザインプロンプトを整える補助スキルです。
  • taste-design:デザインの品質を評価する補助スキルです。