superdesign
SuperdesignはフロントエンドUI/UXデザイン専門のデザインエージェントです。デザイン思考が必要なUIを実装する前にこのスキルを使用してください。主なコマンドは以下の通りです：superdesign create-projectでプロジェクト設定、create-design-draftで現在のUIを忠実に再現、iterate-design-draftでダークテーマなどの設計バリエーション作成、execute-flow-pagesで複数ページへの拡張、create-componentで再利用可能なコンポーネント抽出、update-componentで既存コンポーネント更新、list-componentsで既存コンポーネント一覧表示ができます。context-fileは行範囲指定に対応しています。
description の原文を見る
> Superdesign is a design agent specialized in frontend UI/UX design. Use this skill before implementing any UI that requires design thinking. Common commands: superdesign create-project --title "X" (setup project), superdesign create-design-draft --project-id <id> --title "Current UI" -p "Faithfully reproduce..." --context-file src/Component.tsx (faithful reproduction), superdesign iterate-design-draft --draft-id <id> -p "dark theme" -p "minimal" --mode branch --context-file src/Component.tsx (design variations), superdesign execute-flow-pages --draft-id <id> --pages '[...]' --context-file src/Component.tsx (extend to more pages), superdesign create-component --project-id <id> --name "NavBar" --html-file /tmp/navbar.html --props '[...]' (extract reusable component), superdesign update-component --component-id <id> --html-file /tmp/navbar.html (update existing component), superdesign list-components --project-id <id> (list existing components). Supports line ranges: --context-file path:startLine:endLine
SKILL.md 本文
SuperDesign は、(1) デザインのインスピレーション/スタイルを見つけるのをサポートし、(2) 無限キャンバス上でデザインドラフトを生成・反復するのをサポートします。
コアシナリオ (このスキルが扱う内容)
- superdesign init — リポジトリを分析し、UI コンテキストを
.superdesign/init/に構築 - X をデザインするのを手伝って (機能/ページ/フロー)
- デザインシステムを設定
- X のデザイン改善を手伝って
Init: リポジトリ分析
.superdesign/init/ ディレクトリが存在しないか空の場合、あなたは自動的に以下を実行する必要があります:
.superdesign/init/ディレクトリを作成- 下記の URL から init プロンプトを取得
- プロンプト指示に従ってリポジトリを分析し、コンテキストファイルを作成
https://raw.githubusercontent.com/superdesigndev/superdesign-skill/main/skills/superdesign/INIT.md
ユーザーに手動でこれを行うよう依頼しないでください — 自分で実行してください。
...
詳細情報
- 作者
- superdesigndev
- ライセンス
- unknown
- 最終更新
- 不明
Source: https://github.com/superdesigndev/superdesign-skill / ライセンス: unknown
関連スキル
agent-browser
AI エージェント向けのブラウザ自動化 CLI です。ウェブサイトとの対話が必要な場合に使用します。ページ遷移、フォーム入力、ボタンクリック、スクリーンショット取得、データ抽出、ウェブアプリのテスト、ブラウザ操作の自動化など、あらゆるブラウザタスクに対応できます。「ウェブサイトを開く」「フォームに記入する」「ボタンをクリックする」「スクリーンショットを取得する」「ページからデータを抽出する」「このウェブアプリをテストする」「サイトにログインする」「ブラウザ操作を自動化する」といった要求や、プログラマティックなウェブ操作が必要なタスクで起動します。
anyskill
AnySkill — あなたのプライベート・スキルクラウド。GitHubを基盤としたリポジトリからエージェントスキルを管理、同期、動的にロードできます。自然言語でクラウドスキルを検索し、オンデマンドでプロンプトを自動ロード、カスタムスキルのアップロードと共有、スキルバンドルの一括インストールが可能です。OpenClaw、Antigravity、Claude Code、Cursorに対応しています。
engram
AIエージェント向けの永続的なメモリシステムです。バグ修正、意思決定、発見、設定変更の後はmem_saveを使用してください。ユーザーが「覚えている」「記憶している」と言及した場合、または以前のセッションと重複する作業を開始する際はmem_searchを使用します。セッション終了前にmem_session_summaryを使用して、コンテキストを保持してください。
skyvern
AI駆動のブラウザ自動化により、任意のウェブサイトを自動化できます。フォーム入力、データ抽出、ファイルダウンロード、ログイン、複数ステップのワークフロー実行など、ユーザーがウェブサイトと連携する必要があるときに使用します。Skyvernは、LLMとコンピュータビジョンを活用して、未知のサイトも自動操作可能です。Python SDK、TypeScript SDK、REST API、MCPサーバー、またはCLIを通じて統合できます。
pinchbench
PinchBenchベンチマークを実行して、OpenClawエージェントの実世界タスクにおけるパフォーマンスを評価できます。モデルの機能テスト、モデル間の比較、ベンチマーク結果のリーダーボード提出、またはOpenClawのセットアップがカレンダー、メール、リサーチ、コーディング、複数ステップのワークフローにどの程度対応しているかを確認する際に使用します。
openui
OpenUIとOpenUI Langを使用してジェネレーティブUIアプリを構築できます。これらはLLM生成インターフェースのためのトークン効率的なオープン標準です。OpenUI、@openuidev、ジェネレーティブUI、LLMからのストリーミングUI、AI向けコンポーネントライブラリ、またはjson-render/A2UIの置き換えについて述べる際に使用します。スキャフォルディング、defineComponent、システムプロンプト、Renderer、およびOpenUI Lang出力のデバッグに対応しています。