Design gallery
Skill demos

No skill

What Claude builds by default, with no design skill loaded. The control.

Open on its own

What the skill decided

  • Fraunces serif for headings, prices and card fronts; Inter for running text.
  • Warm off-white paper with tan bands on alternate sections, one blue accent and deep navy for card backs and the closing band.
  • Split hero: words on the left, an app window with a tilted “due tomorrow” card on the right.
  • Step cards, a 2×2 feature grid, two pricing plans side by side and an FAQ that opens in place.
  • The demo highlights the note’s lines and the cards flip over on tap; reduced motion swaps faces instead of turning.
  • Left rough, by its own account: the pricing pair leaves space on the right and the headline runs to three lines on desktop.