prototype-prompt-generator
このスキルは、ユーザーがUI/UXプロトタイプ作成用の詳細で構造化されたプロンプトを生成する必要がある場合に使用します。「プロトタイププロンプトを作成する」「モバイルアプリをデザインする」「UI仕様を生成する」といった支援の依頼や、ウェブ・モバイルアプリケーション向けの包括的な設計ドキュメントが必要な場合に発動します。WeChat Work、iOS Native、Material Design、Ant Design Mobileなど複数のデザインシステムに対応しています。
description の原文を見る
This skill should be used when users need to generate detailed, structured prompts for creating UI/UX prototypes. Trigger when users request help with "create a prototype prompt", "design a mobile app", "generate UI specifications", or need comprehensive design documentation for web/mobile applications. Works with multiple design systems including WeChat Work, iOS Native, Material Design, and Ant Design Mobile.
SKILL.md 本文
プロトタイププロンプトジェネレーター
概要
UI/UXプロトタイプ作成用の包括的で本番環境対応のプロンプトを生成します。ユーザー要件をデザインシステム、カラーパレット、コンポーネント仕様、レイアウト構造、実装ガイドラインを含む詳細な技術仕様に変換します。出力プロンプトは、HTMLやCSS、Reactプロトタイプを構築するAIツールまたは人間の開発者による最適な消費のために構造化されています。
ワークフロー
ステップ1: 要件の収集
ユーザーから必要な情報を収集することから始めます。以下を理解するための質問を絞り込んでください:
アプリケーションの種類と目的:
- どのようなアプリケーション?(エンタープライズツール、eコマース、ソーシャルメディア、ダッシュボードなど)
- ターゲットユーザーは誰か?
- 主なユースケースとワークフローは何か?
プラットフォームとコンテキスト:
- ターゲットプラットフォーム:iOS、Android、Web、WeChat Mini Program、またはクロスプラットフォーム?
- デバイス:スマートフォン、タブレット、デスクトップ、またはレスポンシブ?
- 既知の場合はビューポート寸法(例:iPhone用375px、デスクトップ用1200px)
デザイン環境設定:
- デザインスタイル
...
詳細情報
- 作者
- cexll
- リポジトリ
- cexll/myclaude
- ライセンス
- AGPL-3.0
- 最終更新
- 不明
Source: https://github.com/cexll/myclaude / ライセンス: AGPL-3.0
関連スキル
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出力のデバッグに対応しています。