fd-design-philosophy

Define visual identity, design principles, and aesthetic direction for branding systems.

Updated Jan 17, 2026
One-click install
npx skills add https://github.com/andrewle9510/design-skill-orchestrator --skill fd-design-philosophy
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: fd-design-philosophy
Source: https://github.com/andrewle9510/design-skill-orchestrator/tree/main/.opencode/skill/fd-design-philosophy
Command: npx skills add https://github.com/andrewle9510/design-skill-orchestrator --skill fd-design-philosophy

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill clarifies the WHY behind a product's visual identity, aligning teams on the overarching brand direction before design and development begin.

Core Features & Use Cases

  • Brand Identity Definition: Establish personality, mood, voice, and visual tone that distinguish the product.
  • Principles & Alignment: Create 3-5 guiding design principles and ensure cross-functional coherence across design, product, and engineering.
  • Aesthetic Direction: Define density, contrast, geometry, color approach, and overall look that guides implementation.
  • Brand-Systems Handoff: Prepare documentation and artifacts to guide designers and developers in building cohesive interfaces.

Quick Start

fd-design-philosophy define the brand vibe for a fintech app and prepare a concise 1-page design philosophy brief.

Frequently Asked Questions about fd-design-philosophy

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What is design philosophy and why do I need it for brand identity?

Design philosophy defines the WHY behind a product's visual identity, establishing personality, mood, and voice. It aligns cross-functional teams on overarching brand direction before design and development begin, ensuring cohesive implementation.

How do I define aesthetic direction and design principles for a UI system?

To define aesthetic direction, establish 3-5 guiding design principles covering density, contrast, geometry, and color approach. This creates a visual system that ensures cross-functional coherence across design, product, and engineering teams.

Can I use this for a fintech app brand identity definition?

Yes, you can define the brand vibe for a fintech app and generate a concise 1-page design philosophy brief. The skill establishes visual identity, design principles, and aesthetic direction to guide implementation across any product context.

What's the best way to prepare brand-systems handoff documentation for developers?

The best way to prepare brand-systems handoff is to define aesthetic direction and design principles first. This creates documentation and artifacts that guide designers and developers in building cohesive interfaces aligned with the visual system.

When should I establish design principles during the design workflow?

You should establish design principles during brand discovery, strategy, and handoff phases. Defining the visual system early ensures cross-functional coherence and guides implementation before actual interface design and development begin.