
プレビューギャラリー
類似の Skill
すべての Skill を見る手に入るもの
- 架空のワークスペース分析 SaaS、Corvane の完成した作例コンソール:7 つのビュー、48 の顧客アカウント、4 列のロードマップボード、カレンダー、設定。
- 実際のインタラクション:Ctrl/Cmd K のパレット、KPI とグラフを更新する期間指定、フィルター・一括操作・元に戻す機能付きの並べ替え可能な表、レコードドロワー、ダイアログ、ドラッグできるカード。
- Geist と Geist Mono、仮のチームポートレート 8 枚を埋め込んだオフラインファイル 1 つのコンソールに加え、エージェントが従うスタイルガイド、ビューライブラリ、チェックリスト。
向いている人
- デモ、仕様書、投資家向けデッキのために、説得力のある管理・バックオフィスのコンソールが必要な創業者やプロダクトマネージャー。
- 一貫したトークンを持つコンソールの土台を、単一ファイルまたは自分のスタックで欲しい開発者。
- 肥大化したサイドバーにうんざりし、2 グループ・5〜8 項目・すべて動作する構成を求めるチーム。
向いていない人
- 本番のバックエンド。すべてのビューはファイル内のサンプルデータで動作し、API、認証、データベースはありません。
- マーケティングサイトやランディングページ。これはアプリのシェルであり、プロモーションページではありません。
- 見た目を置き換える独自のブランドシステム。ほぼモノクロのスタイルは固定で、プリセットはスレートとタンジェリンです。
プロダクトローンチ・アプリグロースWeb デザイン・デジタル体験ホームページ作成管理画面・ダッシュボード作成スタイル固定編集可能な出力スピード納品ミニマリストデータ密度重視モノクロニュートラルコンソール文法
この Skill について

チームがそのまま採用できる管理コンソールを構築します。色をデータのために取っておく落ち着いたほぼモノクロのシェル、すべての項目が実際のビューを開くスリムなサイドバー、操作に反応するグラフと表。作例は架空のワークスペース分析プロダクト Corvane です。

手に入るもの
- 7 つのビュー:概要、分析、財務、顧客、ロードマップボード、カレンダー、設定
- すべての項目がルーティングされた 2 グループのサイドバー、Ctrl または Cmd K で開くコマンドパレット、スレートまたはタンジェリンのライト/ダークモード
- 並べ替え、フィルター、検索、ページネーション、一括操作、元に戻す機能付きの表に加え、レコードドロワーとダイアログ
- ドラッグ&ドロップのロードマップ、予定一覧付きの月間カレンダー、保存できる設定フォーム
- フォントとポートレートを埋め込み、どのブラウザでもオフラインで開ける 1 つのファイル

使い方
- プロダクト名、注視している 4 つの指標、チーム、表・カード・予定に入る内容を共有します。
- エージェントがすべての数値、行、予定を置き換え、サイドバーを短く保ち、両方のモードで各ビューを確認します。
- 単一ファイルを開き、パレットを試し、カードをドラッグして、修正点を普段の言葉で依頼します。

エクスポートやサインアウトなど、単一ファイルでは実行できない操作は、実行したふりをせず明確なお知らせを表示します。
始める前に必要なもの
- 用意するもの
- プロダクト名と、概要に載せる重要な 4 つの指標 · チーム(4〜8 人)と、表、ボードのカード、カレンダーの予定に入る内容 · 任意:実際の数値、通貨、チームの写真。ない場合はサンプルデータを下書きします
- 依存関係
- エージェントのマシン上の Node.js 18 以降。単一のオフラインファイルを構築する同梱スクリプトの実行に使用 · ファイル作成時のインターネット接続(フォントを一度ダウンロードして埋め込むため) · 任意:新しいチームポートレートのシリーズ用のエージェントの画像生成ツール(同梱のポートレートで代用可能)
- 外部コスト
- チームポートレートは同梱の仮ポートレート 8 枚を無料で再利用できます。エージェント自身の画像ツールで新しいポートレートのシリーズを生成すると、そのツールの利用料金がかかる場合があります。
- 最終検証
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
ユーザーレビュー
レビューを読み込み中…









