bolder

概要

bolderとは？

bolderは、安全すぎたり平凡で視覚的に魅力に欠けるUIを、より刺激的で記憶に残る体験へと変えるUIデザインスキルです。使いやすさを損なわずに、製品に個性や活気、強い視覚的方向性を加えたいデザイナーやチーム向けに設計されています。

どんな人がbolderを使うべき？

• 平凡で無難なデザインパターンから脱却したいUI/UXデザイナー
• 製品が安全すぎる、平凡すぎる、個性がないとフィードバックを受けたチーム
• 視覚的インパクトやブランドの個性を強化したいプロジェクト

bolderが解決する課題

• 平凡で予測可能、視覚的階層が弱いデザイン
• コントラストが低く、スケールが控えめで静的なレイアウト
• 目立ち、印象に残る製品にしたい場合

使い方

インストール手順

1. プロジェクトにスキルを追加：
   プロジェクトディレクトリで以下のコマンドを実行します：

   npx skills add https://github.com/pbakaus/impeccable --skill bolder
   

2. メインドキュメントを確認：
   詳細なワークフローや背景はSKILL.mdファイルから始めてください。README.mdやAGENTS.md、関連フォルダもあれば参考になります。

はじめに

• 必須の準備：
  • bolderを使う前に、/frontend-designを呼び出してデザイン原則や背景情報を取得してください。プロジェクトにデザインコンテキストがない場合は、スキルのドキュメントに従いまず/teach-impeccableを実行します。
• 現在のデザインを評価：
  • なぜデザインが安全すぎる、平凡に感じるのか（例：一般的なフォント、低コントラスト、静的レイアウト）を特定します。
  • ブランドの個性、ターゲット、制約を理解します。
• 強化の計画と適用：
  • bolderの指針を使い、使いやすさやアクセシビリティを尊重しつつ、より強い階層、コントラスト、動き、独自要素を導入します。

ファイル構成

• 主に確認すべきファイル： SKILL.md（主要なワークフローと指示）
• その他参考ファイル： README.md、AGENTS.md、および関連フォルダ（存在する場合）

よくある質問

どんな時にbolderを使うべきですか？

bolderは、デザインが平凡、一般的、安全すぎる、個性に欠けると言われたときに使います。特にステークホルダーやユーザーから視覚的インパクトや独自性を求められた場合に有効です。

bolderは既存のデザインプロセスを置き換えますか？

いいえ。bolderは視覚的インパクトを高めるための戦略を提供し、既存のデザインツールやプロセスと組み合わせて使うことで効果を発揮します。

bolderを使う前にどんな準備が必要ですか？

スキルのドキュメントに従い、/frontend-designを呼び出してデザインコンテキストを集める必要があります。コンテキストがない場合は、まず/teach-impeccableを実行してください。

詳細はどこで確認できますか？

リポジトリのFilesタブを開き、SKILL.mdやbolderのワークフローを支える追加のリファレンスやスクリプトを含むファイルツリーを確認してください。