design-doc-mermaid

作成者： spillwavesolutions

テキストの説明やソースコードからMermaid図（アクティビティ図、配置図、シーケンス図、アーキテクチャ図）を作成します。「図を作成」「Mermaidを生成」「アーキテクチャを文書化」「コードを図に」「設計書を作成」「コードを図に変換」と依頼された場合に使用します。階層的なオンデマンドガイド読み込み、Unicodeセマンティックシンボル、図の抽出と画像変換のためのPythonユーティリティをサポートしています。

npx skills add https://github.com/spillwavesolutions/design-doc-mermaid --skill design-doc-mermaid

ZIPダウンロード GitHub

関連スキル

clerk-react-router-patterns

React Router v7のパターンとClerk — rootAuthLoader、ローダー内のgetAuth、

stitch-design-taste

Google Stitch向けセマンティックデザインシステムスキル。プレミアムで凡庸さを排したUI基準を強制するエージェントフレンドリーなDESIGN.mdファイルを生成します。厳格なタイポグラフィ、調整されたカラー、非対称レイアウト、永続的なマイクロモーション、ハードウェアアクセラレーションによるパフォーマンスを備えています。

designcreativedocument

ユーザーが /create-mobile-app で生成された既存のPower Appsモバイルアプリを反復的に改善したい場合に使用します：計画、データモデル、ネイティブ機能などを更新します。

implement-design

Translates Figma designs into production-ready code with pixel-perfect visual fidelity. Requires Figma MCP server connection and a Figma URL with file key and node ID to extract design context, screenshots, and assets Seven-step structured workflow: parse URL, fetch design context, capture visual reference, download assets, translate to project conventions, achieve 1:1 parity, and validate against Figma Prioritizes design system reuse over duplication; maps Figma tokens to project design...

transloadit-media-processing

クラウドベースのメディア処理で、86以上の専門ロボットを使用して動画、音声、画像、ドキュメントを処理します。動画エンコーディング（HLS、MP4、WebM）、サムネイル生成、画像リサイズ/透かし入れ、音声トランスコーディング、ドキュメントOCR、音声認識をチェーン可能な処理ステップでサポート。MCPサーバー（IDE統合に推奨）またはCLI経由でアクセス可能。無料のTransloaditアカウントとAPI認証情報が必要。"use"フィールドを使用してロボット操作をチェーンすることで、マルチステップパイプラインを構築可能。再利用...

効果的なスキルを作成するためのガイド。このスキルは、ユーザーがCodexを拡張する新しいスキルを作成（または既存のスキルを更新）したい場合に使用されるべきです。

agent-host-e2e-tests

エージェントホストのエンドツーエンドテスト（src/vs/platform/agentHost/test/node/protocol 下のブラックボックステスト…）を作成、記録、更新、またはトラブルシューティングする際に使用します。

prisma-postgres

Prisma Postgresのセットアップと操作ガイダンス。Console、create-db CLI、Management API、Management API SDKに対応。Prisma Postgresを作成する際に使用します…