using-visual-design-principles

Index visual design principles for UI/UX and graphic design tasks.

28|3|Updated Feb 22, 2026
One-click install
npx skills add https://github.com/oborchers/fractional-cto --skill using-visual-design-principles
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: using-visual-design-principles
Source: https://github.com/oborchers/fractional-cto/tree/main/visual-design-principles/skills/using-visual-design-principles
Command: npx skills add https://github.com/oborchers/fractional-cto --skill using-visual-design-principles

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a comprehensive index and guidance for applying eleven research-backed visual design principles, ensuring high-quality and effective visual artifacts.

Core Features & Use Cases

  • Skill Discovery: Helps users find the most relevant visual design skill for their task.
  • Principle Application: Guides the application of principles related to layout, typography, color, whitespace, hierarchy, consistency, craftsmanship, visual interest, responsiveness, accessibility, and design evaluation.
  • Use Case: When starting a new website design, a user can invoke this skill to understand which specific design principles to focus on for layout and typography.

Quick Start

Use the using-visual-design-principles skill to get an overview of all available visual design skills.

Frequently Asked Questions about using-visual-design-principles

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

FAQPage Schema
What visual design principles should I apply for UI/UX and graphic design tasks?

Visual design principles for UI/UX include layout, typography, color theory, whitespace, hierarchy, consistency, craftsmanship, visual interest, responsive design, and accessibility. This skill provides an index of eleven research-backed guidelines to ensure effective visual artifacts.

How do I use visual design principles to evaluate my website design?

To evaluate website design using visual design principles, apply the systematic design evaluation guidelines provided by this skill. It helps you assess layout, typography, color, and accessibility to ensure adherence to research-backed practices.

What is the best way to structure layout and typography when starting a new website design?

The best way to structure layout and typography is to invoke this skill to discover the specific visual design principles relevant to your task. It guides the application of research-backed rules for hierarchy, whitespace, and consistency.

Does this visual design guidance cover accessibility and responsive design?

Yes, this visual design guidance covers accessibility and responsive design. It includes specific principles for ensuring your UI/UX artifacts are accessible and adapt systematically across different screen sizes.

Why should I use a systematic approach for visual design principles?

Using a systematic approach for visual design principles ensures your UI/UX and graphic design tasks adhere to research-backed guidelines. It helps maintain craftsmanship, visual interest, and consistency across all visual artifacts.

Can I use this skill to find specific design skills for color theory and whitespace?

Yes, you can use this skill for discovery to find the most relevant visual design skills for your task. It indexes principles like color theory and whitespace to help you apply them correctly in graphic design.