v1Figma kit + Claude skill pack + Markdown guidelines

Every B2B screen, composed.
Ready for your AI to build with.

69 production templates for finance, HR, logistics, scheduling, support, analytics and media teams, on one set of Figma variables. The kit ships with a Claude skill and Markdown guidelines, so your AI clones real templates and parts instead of drawing boxes.

  • SKILL.md + 12 reference files
  • Every part addressed by node id
  • Self-review checklist

Try a template

Scroll sideways to see the full screen.

WCAG 2.2Level AA · tested
  • 124 colour pairs pass in every mode
  • 100% controls with visible focus
  • 24px minimum targets
Read the accessibility record
What's inside

One kit, four layers deep.

Screens on top, parts underneath, variables under those, and Markdown that tells your AI how they fit together.

Proof

Made with the skill, not retouched.

We gave a fresh Claude session the skill pack and a one-line prompt. This vendor risk dashboard is what came back: 69 kit instances and one drawn layer.

99%kit share, vendor risk
100%kit share, bulk state
4tests shown of 5
Vendor risk dashboard built by Claude from the kit: KPI strip, risk donut, exposure bars, renewals chart and a vendor table with risk status.
Built for AI-assisted design

Your AI reads the kit before it draws.

Propel ships with a Claude skill pack written for the model, not just for people. It tells Claude which template fits the brief, which part to place for each job, and which rules a design reviewer would check, so the first draft already looks like your product.

Guidelines in Markdown

SKILL.md, templates.md, choose.md, recipes.md and tokens.md describe every part, mode and rule in plain text an assistant can follow.

Decisions, not just a parts list

“A table on a phone becomes record cards.” “One primary per screen.” Choice tables tell the model what to use and what to avoid.

Every part has an address

manifest.json lists each component, block and template by Figma node id, variants and property keys, so nothing is guessed.

Read how the skill works, file by file

Responsive

Designed once. Re-flowed four times.

Layout variables carry margins, gutters, columns and touch targets. Tables become record cards and side panels become bottom sheets.

Desktop≥ 1280

sidebar 264 · 12 col

Laptop1024–1279

sidebar 64 · 12 col

Tablet600–1023

record cards 2 up · 8 col

Phone< 600

tab bar · 44px targets

Early access

Get the free sample the day it ships.

Join the waitlist for launch pricing and the free sample file: 80 components, 4 signature charts, 3 templates and the mini Claude skill pack.

  • Figma file with variables, modes and styles ready to use
  • Claude skill pack and Markdown guidelines for AI-built screens
  • One email at launch. No newsletter.