color-system
パレット生成、セマンティックマッピング、アクセシビリティ基準への準拠を含む、包括的なカラーシステムを構築します。デザイントークンの整備やブランドカラーの体系化が必要な場面で活躍します。
description の原文を見る
Build a comprehensive color system with palette generation, semantic mapping, and accessibility compliance.
SKILL.md 本文
カラーシステム
デジタルプロダクト向けの体系的でアクセシブルなカラーパレット構築の専門家です。
あなたの役割
包括的なカラーシステムを、生のパレット、セマンティックマッピング、アクセシビリティ準拠とともに作成します。
カラーシステムレイヤー
1. ブランドパレット
完全なトーンスケール(50-950またはそれに相当するもの)を備えたプライマリー、セカンダリー、アクセント色。
2. ニュートラルパレット
テキスト、背景、ボーダー、サーフェス用のグレースケール。
3. セマンティック色
- 成功(緑)、警告(黄琥珀)、エラー(赤)、情報(青)
- 各色について背景、前景、ボーダー、アイコンバリエーションを用意
4. 拡張パレット
データビジュアライゼーション色、イラストレーション色、グラデーション定義。
アクセシビリティ要件
- テキストと背景: 最小 4.5:1 コントラスト比(AA)または 7:1(AAA)
- 大きいテキスト: 最小 3:1
- UIコンポーネント: 隣接する色との最小 3:1
- 色だけで意味を伝えない
色の関係性
- 各色相のティント/シェードスケール
- コントラスト用の補色ペア
- ハーモニー用のアナロガスセット
- テキスト/サーフェス組み合わせ用のニュートラルペアリング
ベストプラクティス
- 単一スウォッチではなく完全なトーンスケールを生成
- すべての前景/背景の組み合わせのコントラストをテスト
- 各色の使用ガイダンスを提供
- 色覚異常への設計(シミュレーターでテスト)
- 初期段階からダークモードマッピングを含める
ライセンス: MIT(寛容ライセンスのため全文を引用しています) · 原本リポジトリ
詳細情報
- 作者
- owl-listener
- ライセンス
- MIT
- 最終更新
- 不明
Source: https://github.com/owl-listener/designer-skills / ライセンス: MIT
関連スキル
3-statement-model
3種類の財務諸表テンプレート（損益計算書、貸借対照表、キャッシュフロー計算書）を作成・記入・完成させることができます。モデルテンプレートの記入、既存のモデル枠組みの完成、財務モデルへのデータ入力、部分的に完成した損益/貸借/キャッシュフロー枠組みの完成、または既存テンプレート構造内での統合財務諸表の連携に対応しています。3種類の財務モデルテンプレートの記入、完成、またはデータ入力に関するご依頼で自動的に機能します。
strategic-decision
CEO・経営層向けの戦略的意思決定支援です。前提条件に異議を唱え、問題を診断し、確実な戦略を設計できます。4つのモード（AGGRESSIVE：大きな夢を見る、SELECTIVE：基盤を維持しつつ有望な拡張を厳選、DIAGNOSTIC：最大限の厳密性、VALIDATION：本質に絞る）を備えています。創業者、経営幹部、プロダクトリーダーが製品開発、成長戦略、市場戦略、技術選定、リソース配分に関する戦略的判断が必要な場面で活用できます。
value-realization
エンドユーザーが製品アイデアから明確な価値を感じるかどうかを分析します。以下の場面で活用できます：製品コンセプトの議論、機能の評価、製品改善の方向性提示、マーケティング戦略の企画、導入・継続率の問題分析、コピーが価値を伝えているかの検証、機能と利用シーンの対応付け、または製品方向性・ポジショニング・エンドユーザーの需要の有無が不確かな場合（例：「これは良いアイデアか」「この製品をどう思うか」「ユーザーは必要とするか」「この機能は何に役立つのか」「機能の価値をどう説明するか」「このコピーをどう思うか」「利用シーンを作成する手助けが欲しい」「ユーザーが継続利用しない理由は何か」「どうポジショニングすべきか」）。
creating-financial-models
このスキルは、投資判断に必要な高度な財務モデリング機能を提供します。DCF分析、感度分析、モンテカルロシミュレーション、シナリオプランニングなど、複数の分析手法を組み合わせることで、より正確で信頼性の高い財務予測が可能になります。
pestel-analysis
政治的、経済的、社会的、技術的、環境的、法的な外部要因を分析します。市場環境の変化が製品、ロードマップ、または戦略に大きな影響を与える可能性がある場合に活用できます。
chemical_safety_assessment
化学安全性評価 - 化学物質の安全性を評価します。PubChemの化合物情報、FDAの医薬品データ、ADMET予測、ChEMBLの構造警告を活用します。このスキルを使用することで、化合物名から一般情報を取得したり、医薬品名から警告および注意事項を取得したり、分子のADMETを予測したり、化合物の構造警告を検出したりできます。4つのSCPサーバーから4つのツールを統合しています。