Basic Design Principles

What it does

This skill guides AI agents in crafting precise and intentional designs for enterprise software, SaaS dashboards, admin interfaces, and web applications. It emphasizes a design philosophy inspired by Jony Ive's attention to detail, aiming for polished interfaces tailored to their specific context. The skill prompts the agent to commit to a defined design direction before any code is written, ensuring consistency and purpose in the final product.

When to use it

Here are scenarios where this skill would be beneficial:

• Designing a new SaaS dashboard requiring a specific aesthetic (e.g., "precision & density" for power users).
• Refining an existing user interface to better align with desired brand personality and user experience.
• Creating mockups or prototypes for enterprise software, ensuring design consistency across different features.
• When needing help defining the emotional impact of a product through its visual appearance (e.g., conveying trust or efficiency).
• Guiding the creation of developer tools where functionality takes precedence over visual flair.

Key capabilities

• Provides a framework for establishing a clear design direction before coding begins.
• Offers six distinct personality archetypes: Precision & Density, Warmth & Approachability, Sophistication & Trust, Boldness & Clarity, Utility & Function, and Data & Analysis.
• Suggests color foundation choices (warm neutrals, cool foundations) to influence the overall feel of the design.
• Prompts consideration of product context, target users, and desired emotional impact.

Example prompts

• "I'm designing a finance tool for power users. What design direction should I commit to?"
• "Suggest color palettes that convey trust and sophistication for a B2B application."
• "Help me define the 'emotional job' of this product; it’s an analytics dashboard for marketing teams."
• “What are some key considerations when designing a tool primarily used by developers?”

Tips & gotchas

• Design Direction is Required: The skill emphasizes committing to a design direction before any coding begins. Skipping this step will limit the skill's effectiveness.
• Context Matters: Carefully consider the product’s purpose, users, and desired emotional impact when selecting a personality archetype.
• This skill focuses on high-level design principles; it doesn't provide specific UI/UX implementation details or code generation.