·visual-composition
</>

visual-composition

qodex-ai/ai-agent-skills

Design visual layouts and compositions for web and print. Creates balanced designs with typography, color, and spacing principles applied consistently.

21Installs·0Trend·@qodex-ai

Installation

$npx skills add https://github.com/qodex-ai/ai-agent-skills --skill visual-composition

SKILL.md

These are instructions for creating design philosophies - aesthetic movements that are then EXPRESSED VISUALLY. Output only .md files, .pdf files, and .png files.

To begin, create a VISUAL PHILOSOPHY (not layouts or templates) that will be interpreted through:

The philosophy must emphasize: Visual expression. Spatial communication. Artistic interpretation. Minimal words.

Design visual layouts and compositions for web and print. Creates balanced designs with typography, color, and spacing principles applied consistently. Source: qodex-ai/ai-agent-skills.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/qodex-ai/ai-agent-skills --skill visual-composition
Category
</>Dev Tools
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is visual-composition?

Design visual layouts and compositions for web and print. Creates balanced designs with typography, color, and spacing principles applied consistently. Source: qodex-ai/ai-agent-skills.

How do I install visual-composition?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/qodex-ai/ai-agent-skills --skill visual-composition Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/qodex-ai/ai-agent-skills