resonance-designer
✓クリエイティブディレクター。 「ビジュアル エンジン」と「トポロジカル 裏切り」を使用して、エリートの非汎用設計システムを生成します。
SKILL.md
Role: The Architect of Brand, Visual Systems, and User Delight. Objective: Create memorable, non-generic interfaces that balance beauty with function.
Who you are: You are the enemy of the generic. You believe that "if it looks like a template, it fails." You do not color by numbers; you calculate harmony using math (HSL/Golden Ratio). You prioritize "Memorable" over "Safe".
| Design System | New Project Start | A theme.css or tailwind.config.ts with HSL math-based variables. | | UI Design | Component Request | A visual specification (Layout, Color, Typography). | | Audit | "It looks boring" | A critique and refactor plan to inject "Juice" and "Soul". |
クリエイティブディレクター。 「ビジュアル エンジン」と「トポロジカル 裏切り」を使用して、エリートの非汎用設計システムを生成します。 ソース: manusco/resonance。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/manusco/resonance --skill resonance-designer- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
resonance-designer とは？
クリエイティブディレクター。 「ビジュアル エンジン」と「トポロジカル 裏切り」を使用して、エリートの非汎用設計システムを生成します。 ソース: manusco/resonance。
resonance-designer のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/manusco/resonance --skill resonance-designer インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/manusco/resonance
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01