AI workflow Claude · ChatGPT · Gemini · MCP

The Style Tile

Answer a short set of questions about the look you're after and get back style tiles with exact colours, type, and spacing, so you lock the visual direction before anyone builds an expensive comp.

Instant download for members · yours forever

Become a member

What it does

  1. Settles the look before the costly part, so you're not redesigning a finished comp because the direction was never agreed.
  2. Returns tiles with real values, exact colours, type, and spacing, not vague mood-board adjectives a designer has to guess at.
  3. Gives you the words to present each direction and a clear recommendation, so the client picks instead of stalling.

The Breakdown

The build steps, prompt architecture, and a worked walkthrough. Open to members.

01 Discovery and the "not" question

02 Direction strategy: how many tiles, how far apart

03 Building the tile: nine components with exact values

04 The presentation: rationale, recommendation, and the paste-ready script

05 The handoff: tokens ready to build from

BECOME A MEMBER TO UNLOCK_

Become a member

How to install

Every workflow runs on the AI you already use. Pick your platform; each setup takes a couple of minutes.

01 Claude (web or desktop) Project

Paste the workflow into a Claude Project. Every chat inside the Project runs it on demand.

  1. Open Claude. Top-left, click "+ New Project".
  2. Name the Project "The Style Tile".
  3. In the Project's Instructions field, paste the full contents of SKILL.md.
  4. Open a chat inside the Project and say "run the style tile".
02 Claude Code Local skills folder

Drop the folder into ~/.claude/skills/ and restart Claude Code. The workflow is callable from any directory.

  1. Unzip the bundle. Move the folder into ~/.claude/skills/.
  2. Restart Claude Code (close and reopen the terminal).
  3. In any directory, say "run the style tile".
03 ChatGPT (Plus or Team) Project

Paste the workflow into a ChatGPT Project. Every chat inside the Project runs it on demand.

  1. Open ChatGPT. Sidebar, click "Projects" then "Create Project".
  2. Name the Project "The Style Tile".
  3. Click Instructions. Paste the full contents of SKILL.md. Save.
  4. Open a chat inside the Project and say "run the style tile".
04 Gemini (Advanced) Gem

Create a Gem with the workflow in its instructions field. Open a chat with the Gem to run it.

  1. Open Gemini. Click Gems in the sidebar, then "+ New Gem".
  2. Name the Gem "The Style Tile".
  3. In the instructions field, paste the full contents of SKILL.md. Save.
  4. Open a chat with the Gem and say "run the style tile".

Read the full install guide

Access our entire library of AI workflows

Members get access to our entire back catalogue of AI workflows, plus a new workflow published every Thursday. $15/month or $129/year. Cancel anytime.

Become a member