sleek-design-mobile-apps
AIによるモバイルアプリデザイン
このスキルにより、ClaudeとCodexはSleek AIデザインプラットフォームを使用してモバイルアプリUIを設計できるようになります。ユーザーは平易な言葉で望むものを記述し、スキルがプロジェクトを作成し、画面を生成し、レンダリングされたスクリーンショットを提供します。
下载技能 ZIP
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
开启并开始使用
测试它
正在使用“sleek-design-mobile-apps”。 「Todo App」というプロジェクトを作成し、タスク管理インターフェースをデザインします
预期结果:
- プロジェクト作成済み: proj_abc123
- 画面作成済み: Home (scr_home) - 追加ボタン付きタスクリスト
- 画面作成済み: Add Task (scr_add) - 優先度セレクター付き入力フォーム
- 画面作成済み: Settings (scr_settings) - テーマ切り替え、通知設定
- [スクリーンショットがレンダリングされ表示されました]
正在使用“sleek-design-mobile-apps”。 設定画面にダークモード切り替えを追加します
预期结果:
- 画面更新済み: Settings (scr_settings)
- ダークモードの切り替えコンポーネントを追加
- [更新された設定画面のスクリーンショット]
安全审计
安全This skill is a legitimate API client for the Sleek mobile app design service. The static analyzer flagged patterns (external commands, network access, environment variables) but all are false positives - they represent expected API client behavior documented in SKILL.md. No malicious code execution, data exfiltration, or prompt injection was found.
质量评分
你能构建什么
迅速なUIプロトタイピング
平易な言葉で望むUIを説明することで、モバイルアプリ画面のモックアップを素早く生成します。デザインアイデアのプロトタイピングと反復作業に最適です。
自然言語デザイン
機能を会話的に説明することでモバイルインターフェースを作成します。このスキルは自然言語をレンダリングされたUIコンポーネントに変換します。
自動化されたデザインワークフロー
CI/CDパイプラインまたは自動化ワークフローにモバイルUI生成を統合します。タイムアウト要件に応じて同期モードまたは非同期モードを使用します。
试试这些提示
「[プロジェクト名]」という新しいSleekプロジェクトを作成し、ホーム画面、設定画面、ナビゲーションを備えた基本アプリをデザインします。
プロジェクト[project-id]の[画面名]画面に、3つの価格層を持つ価格セクションを追加します。
ワークアウトログ、進捗チャート、ソーシャルシェア機能を備えたフィットネストラッキングアプリをデザインします。ホームダッシュボード、ワークアウト入力、プロフィール画面を含めます。
プロジェクト[project-id]のログイン画面を更新して、メインフォームの下に「パスワードを忘れた」リンクとソーシャルログインボタンを含めます。
最佳实践
- セキュリティ向上のため、最小限の必要な権限を持つスコープ付きAPIキーを使用してください
- タイムアウトを回避するため、長時間実行されるデザイン生成にはポーリング付きの非同期モードを使用してください
- スキルルールに従い、画面作成または変更後は必ずスクリーンショットを提供してください
- 失敗を避けるため、大規模なバッチ操作の前にプロジェクトクレジットを確認してください
避免
- imageUrlsフィールドに機密URLを送信しないでください - Sleekサーバーがそれらを取得します
- 同じプロジェクトで同時実行を試行しないでください - 代わりにポーリングを使用してください
- 同期モードが常に300秒以内に完了すると仮定しないでください - ポーリングフォールバックを用意してください
- HTTP URLを使用しないでください - APIはHTTPSのみを受け付けます