art-direction

Installation
SKILL.md

Art direction

A model that can render anything will render something generic unless you tell it what this product looks like. The brief is the source of truth. The prompt is only how the brief reaches the model.

Never generate from the user's raw request. Anchor first, generate second, look at the pixels third.

1. Find or write the anchor

Look for design/style-anchor.md. If it exists, use it and skip to step 2.

If it does not exist, derive one from what the project already has. Read whichever of these are present: tailwind.config.*, app/globals.css or the equivalent stylesheet, the font imports in the root layout, the landing page copy, any images already in public/.

Fill every field from evidence. Ask only for what the repo cannot tell you, at most three questions, each with your recommended answer so the user can reply "yes":

❓ <question>

➡️ my suggestion: <recommended answer, one line on why>
Installs
168
First Seen
Sep 21, 2026