stitch::extract-design-md

作成者: google-labs-code

フロントエンドのソースコード(React、Vue、Svelte、Angular、プレーンなHTML/CSS、または任意のWebフレームワーク)から、包括的なデザインシステム(DESIGN.md)を直接抽出します。…

npx skills add https://github.com/google-labs-code/stitch-skills --skill stitch::extract-design-md

google-labs-codeのその他のスキル

typed-service-contracts
google-labs-code
「Spec and Handler」パターンを用いて、堅牢で型安全なTypeScriptサービスを構築するためのアーキテクチャ標準。CLI、ライブラリ、または複雑な…を構築する際に使用する。
stitch::code-to-design
google-labs-code
フロントエンドコード(Vite、Reactなど)を、静的HTML抽出、デザインシステム抽出、ファイルアップロードを連鎖させてStitch Designに変換します。**常に**これを使用してください…
react-vite-dashboard
google-labs-code
Stitchデザインを、TanStack Queryを使用した本番環境対応のReact + Viteダッシュボードに変換し、DESIGN.mdからアクセシブルなトークンを取得し、Web3対応パターン(ethers/viem)を備えます。
remotion
google-labs-code
Stitchアプリのデザインから、スムーズなトランジションとテキストオーバーレイを備えたプロフェッショナルなウォークスルー動画をRemotionで作成します。Stitchプロジェクトからスクリーンを取得し、ズーム効果、フェードトランジション、コンテキストに応じたテキストオーバーレイを伴うRemotion動画コンポジションにオーケストレーションします。ScreenSlideやWalkthroughCompositionコンポーネントによるモジュール式アーキテクチャをサポートし、インタラクティブなホットスポットやボイスオーバー統合などの高度な機能も備えています。スクリーンマニフェストを生成し、ダウンロード...
ink
google-labs-code
json-render用のInkターミナルレンダラーで、JSON仕様をインタラクティブなターミナルUIに変換します。@json-render/inkを使用してターミナルUIを構築する際に使用します。
tdd-red-green-refactor
google-labs-code
このスキルは、AI支援プログラミングのための構造的フレームワークを実装し、コードのすべての行が検証可能で、型付けされ、目的を持っていることを保証します。
automate-github-issues
google-labs-code
並列Julesコーディングエージェントを使用して、GitHub Issueの自動トリアージと解決を設定します。
local-action-verification
google-labs-code
actを使用してローカルGitHub Actions検証用のリポジトリを設定し、Julesがプッシュ前にCIを検証できるようにする