Skip to content
cursor.beauty

Cursor kits and writing

Taste for Cursor.

A short list of rules, skills, and prompts that make the agent ship work you would keep — plus a blog on how to write those files.

.cursor/rules/ui-craft.mdc

Rule
---
description: Visual craft for product UI — spacing, type, color, hierarchy, and anti-generic aesthetics
globs: **/*.{tsx,jsx,css}
alwaysApply: false
---

# UI craft

You are shipping an interface a designer would keep. Prefer fewer, better decisions over more decoration.

## Hierarchy

- One focal action per view. Secondary actions stay quieter.
- Type scale: display for the page idea, body for reading, caption for metadata. Do not invent a fifth size.
- Space in a rhythm of 8px. If two elements feel unrelated, they need more space, not a divider.
- Cards are for groups of related content, not for wrapping every sentence.

How a kit lands in your repo

Unzip at the root so .cursor/rules and .cursor/skills merge with what you already have. Then open a new Agent chat.

  1. 01

    Pick a kit

    A rule, skill, prompt, or recipe. Title and first sentence should tell you if it belongs in this repo.

  2. 02

    Copy or pack it

    Copy the file, download it, or add several kits and unzip the pack at the project root.

  3. 03

    Start a new chat

    Rules and skills load on the next Agent thread. Ask for a polish pass and see if copy and spacing move first.

Featured kits

All kits