デザイン
Color Palette
Vife2026年11月8日更新
Turn a seed colour, logo, photo or mood into an accessible palette with tints, shades, light and dark themes and ready-to-use tokens.
試してみる
- Build an accessible palette from our brand colour
- Pull a colour palette from this photo of our café and make it usable for a website
- 我想要一套“安静、高级”感觉的配色,给我色板和对比度检查
詳細
- Publisher
- VIFE official
- Runtime
- Runs in a cloud sandbox
- 最終更新
- 2026年11月8日
Related skills
- PresentationPlan, design and export polished, editable slide decks from an idea, an outline or a document.Vifeデザイン+1
28 使用済み
- Landing Page BuilderBuild a polished, responsive single-file landing page with real copy, accessible markup and meta tags, previewed at desktop and mobile sizes.Vifeデザイン+1
0 使用済み
- Brand Identity KitDefine a brand's positioning, voice, colours, type and logo, and package them as a guidelines PDF with ready-to-use design tokens.Vifeデザイン+1
0 使用済み
- Accessibility AuditAudit a website against WCAG 2.2 AA with browser checks, keyboard and focus walks and manual review, then deliver findings with selectors and fixes.Vifeコーディング+1
0 使用済み
- バッチ画像生成1枚ずつではなく、1回の実行で多数の画像を生成できます。プロンプトのリスト、バリエーションマトリクス(SKU、色、スタイル、ポーズ、背景、アスペクト比など)、または1つのコンセプトを体系的に展開したバリエーションから作成可能です。このスキルは変化しないパラメータをすべて固定し、画像1枚につき1行の番号付きテーブルを作成し、各結果を生成・検証したうえで、バッチ順に並ぶよう決定的なファイル名を付けます。画像フォルダと、各id・プロンプト・変化する属性・パラメータ・ファイル名・ステータスを記載したマニフェスト、さらに成功・リトライ・失敗のサマリーが返されます。メディア+2
5 使用済み
- コードベースのアーキテクチャを改善コードベースをスキャンしてアーキテクチャ上の摩擦を見つけ、深化の機会を視覚的なHTMLレポートで確認できます。浅いモジュールを深いモジュールへと変えるリファクタリングにより、テスト容易性とAIによるナビゲーション性が向上します。スキャンは最近変更されたホットスポット(または指定した方向性)を優先し、用語集とADRを読み込み、ある概念を理解するために多数の小さなモジュールを行き来する必要がある箇所を探ります。各候補カードには、関係するファイル、問題点、提案する解決策、局所性とレバレッジの観点からの利点、ビフォー/アフター図、推奨度が表示され、最後に最上位の推奨事項が示されます。1つを選ぶと、エージェントが意思決定ツリーを一緒にたどります。
mattpocockコーディング+1318.2k スター
- 使い捨てプロトタイピング1つの設計上の問いに答えるための、すぐに使える使い捨てプロトタイプを作ります。状態モデルやロジックの一部が正しいかどうか確信が持てないときは、自由に操作できるボタンとタブ式のガイド付きウォークスルーを備えた共有可能なHTMLファイル1つで、ステートマシンを厄介なケースに通して確認できます。UIがどう見えるべきかを探っているときは、1つのルート上にまったく異なる複数のバリエーションを用意し、URLパラメータと画面下部のフローティングバーで切り替えられます。プロトタイプは明確に印が付けられ、実行は簡単で、素早く学べるよう仕上げは省いています。
mattpocockコーディング+1318.2k スター
- 何か教えてあなた専用の先生が、現在のディレクトリに学習ワークスペースを作成し、複数回のセッションにわたってあるトピックを教えてくれます。学ぶ理由はミッションファイルに記録され、学んだ内容は学習記録として追跡され、信頼できるリソースが集められます。そして、インタラクティブなクイズとフィードバックの仕組みを備えた、短くて美しいHTMLレッスンを作成します。さらに、印刷可能なリファレンス資料や用語集も作り、実世界で練習できるコミュニティも紹介します。
mattpocockコンテンツ+2318.2k スター










