# Design Intelligence

> Use when you need classification, layout, typography, colour, content, data-visualisation, responsive, and UX-principle guidance grounded in the product context.

- Skill: `suraj787/design-intelligence` (Agent Skill)
- Install (CLI): `npx skillmds@latest add suraj787/design-intelligence`
- Raw SKILL.md: https://api.skillmd.com/api/skills/suraj787/design-intelligence/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: Suraj787 (https://skillmd.com/u/suraj787)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/suraj787/design-intelligence

---


# Design Intelligence

**Responsibility:** Turn the product and user models into sound structural and visual
decisions, the right layout, type, colour, content, and data presentation for the job.

## When to invoke

- After Product Intelligence, during steps 6-11 of the root workflow.
- When choosing information architecture, visual hierarchy, or data-viz form.

## Inputs

- Product/user/workflow models; the genome slice in force; task classification.

## Outputs

- A **product classification** and applicable industry pack.
- Layout, typography, colour, spacing, and content-design direction.
- Data-visualisation recommendations matched to the data and the decision it supports.
- Responsive and density guidance; UX-principle constraints for later steps.

## Engine data + CLI

- Reads `design-intelligence/` (`product-classification`, `layout`, `typography`,
  `colour`, `content-design`, `data-visualisation`, `responsive-design`, `styles`,
  `ux-principles`, `industry-packs`, `framework-guidance`).
- `ii classify`, `ii design layout`, `ii design type`, `ii design viz`.

## Notes

Choose the least complex structure that serves the outcome. The chart that answers the
question beats the chart that impresses. Defer concrete effects to Interaction
Intelligence; defer novelty checks to Originality Intelligence.