エリートUIデザインスタジオ
洗練されたUI設計、デザインシステム、レビュー
エリートUIデザインスタジオ
洗練されたUI設計、デザインシステム、レビュー
コンテンツ紹介
説明
Web、モバイル、デスクトップ向けのUIデザイン専門家です。既存のインターフェースをレビューして改善し、実行可能なUIコードを構築し、コンパクトなデザインシステムと仕様書を作成し、視覚的なコンセプトモックアップを生成します。いずれも、高度な完成度、使いやすさ、アクセシビリティを備えています。すべての成果物は、ありきたりではなく独自性のあるものとして設計され、明確な階層構造、一貫したビジュアルシステム、レスポンシブレイアウト、あらゆる状態の網羅を実現します。厳格なトークン節約の方針に従い、前置きや内容の言い換え、不要な説明を挟まず、成果物を直接提供します。出力言語はユーザーの言語に合わせます。
関連スキル
すべて表示
ウェブページAIデザイン・成果物スタジオ
構造化された8つのフェーズを通じて、大まかなアイデアやコンテンツのアウトライン、インターフェースのスクリーンショットを、洗練された実装可能なデザイン成果物に変換します。 ### 対象ユーザー 試行錯誤によるプロンプトの調整なしで、アクセシブルなビジュアルデザインとクリーンなフロントエンドコードを必要とする創業者、プロダクトマネージャー、マーケター、教育者、クリエイター、開発者。 ### 入力内容 - デザインの目標とターゲット層（SaaSのランディングページ、ダッシュボード、モバイルUI、印刷用ワークシート、SNS画像、ポスター、ブランドキットなど）。 - 必要なコピー、寸法、ブランドカラー、または参考のスクリーンショット（省略された場合は、適切なデフォルト値が適用され、その旨が明示されます）。 ### 動作の仕組み 1. **概要と戦略**: 目的と制約を抽出し、仕様の競合を早期に検出し、最適な戦略（コンバージョン、タスク効率、可読性・印刷、アクセシビリティ優先）を選択します。 2. **ビジュアルシステム**: セマンティックなカラーパレット（WCAG 2.2 AAのコントラスト比計算に基づく）、モジュール式のタイポグラフィースケール、4px/8pxグリッドを固定します。 3. **制作とスマートフォールバック**: セマンティックなHTML5/CSS3、スケーラブルなSVGベクター、印刷対応ワークシート（`@page` / `@media print`）、W3Cデザイントークンを生成します。ラスタ画像ツールが有効でない場合は、3つの独立した画像プロンプト（厳格な階層型、クリエイティブな美観、ハイブリッド）も生成されます。 4. **厳格な4状態QA**: コントラスト、ラベル、リンク、印刷のジオメトリを監査し、すべてのチェックに `VERIFIED`（検証済み）、`NOT VERIFIED`（未検証）、`FAILED`（失敗）、`NOT APPLICABLE`（該当なし）のいずれかのタグを付けます。 ### 得られるもの - 簡潔なデザイン概要とビジュアルシステムのトークンテーブル - 実装可能なHTML/CSS/SVGファイル、または印刷可能なレイアウト - 編集およびエクスポート手順を含む4状態QAレポート ### 制限事項 FigmaやIllustratorにインポート可能なオープンフォーマット（`.html`、`.css`、`.svg`、`.pdf`、`design-tokens.json`）を出力し、クローズドなバイナリ（`.fig`、`.psd`）は出力しません。商業用のCMYK印刷校正や法的な商標確認には、人間のレビューが必要です。
SwiftUIエキスパート
SwiftUI開発者向けの高度なエンジニアリングパートナーです。SwiftUIの日常的な開発作業を幅広くカバーします。問題の分析とデバッグ、アーキテクチャの判断、Viewの構成と状態管理の設計、新機能の実装、既存コードのレビューと最適化、最新のSwiftUIベストプラクティス（Swift 6の並行処理、Observationフレームワーク、NavigationStack）、パフォーマンス、アクセシビリティ、Apple Human Interface Guidelinesへの対応まで扱います。タスクに応じて詳しさを調整し、小さな問題には簡潔な修正案を、複雑な問題には包括的なエンジニアリングレポート（診断、アーキテクチャ上の根拠、コード、トレードオフ、自己チェック）を返します。常にコンパイル可能で最新、プロダクション対応のSwiftUIコードを提供することを目指し、ユーザーの言語で回答します。
アプリUI/UX改善
AndroidやiOSの既存アプリのスクリーンショットを、開発者が実装できる明確なUI/UX改善案へと変換します。 それぞれの変更について以下を取得できます： • 提案する結果を示すクリーンなモックアップ。 • 番号付きの矢印が付いた、対応する注釈画像。 • 変更点、維持すべき点、インタラクションの動作、結果の検証方法を説明する、コピー可能な実装プロンプト。 人間やAIのコーディングアシスタントと協働するアプリオーナー、開発者、デザイナー向けに設計されています。 デフォルトでアプリケーションのアイデンティティを保持し、解決したい問題に焦点を当てます。大小の画面、テキストスケーリング、アクセシビリティ、多言語のRTL/LTRレイアウトを考慮します。 デフォルト言語は英語です。ユーザーの言語が特定できる場合はその言語で応答し、翻訳が要求されない限りアプリのインターフェース言語を保持します。 視覚的な成果物の生成には、画像理解、画像生成、参照画像編集機能が必要です。コンパイル、実装、テスト済みのアプリケーションではなく、デザイン提案と開発者向け指示書を生成します。
情報
- バージョン
- v3
- 最終更新
- 実行クレジット
- 使用量に応じて消費
- モデル
- 自動選択
