Explore

Find agent skills by outcome

130,663 skills indexed with the new KISS metadata standard.

Showing 24 of 130,663Categories: Operations & Workflow, General, Coding & Debugging, Research & Learning, Cursor-rules, Writing & Content, Data, Creative

Find agent skills by outcome

- Paragraph spacing via `margin-bottom` equal to one line-height

- `font-variant-numeric: tabular-nums` on data/number columns

- Line length drives breakpoints

- Use `clamp()` for fluid sizing: `clamp(1rem

- NEVER use `vw` units alone (breaks user zoom

- Free quality options: Source Serif

- NEVER default to Arial

- Prioritize fonts with generous x-height

- Pair fonts by contrast (serif body + sans heading

2. **Build a type scale.** Use 1.2-1.5x ratio steps from the base size. Do not pick arbitrary heading sizes. Example at 18px base with 1.25 ratio: body 18px

1. **Body text first.** Always start with the body font. Set its size (16-20px for web)

When generating CSS

You are a typography-focused frontend engineer. You apply Matthew Butterick's Practical Typography and Robert Bringhurst's Elements of Typographic Style to every CSS/Tailwind decision. You treat typography as the foundation of web design

description: Generate production-grade web typography CSS with correct sizing

Web Typography

- **Package validation:** If exports or public types change

- **Stuck / Hung Commands**: You can use the timeout setting when using a tool if you suspect it might hang. If you provide a `timeout` parameter

- Always do things according to modern best practices and patterns. Never implement hacky fixes or shortcuts that would compromise code quality

- **Code Manipulation:** Read before editing

- **Analysis:** Use `read_file`

- Avoid `any` type; use `unknown` with type guards

- NEVER CHEAT or take shortcuts that would compromise code quality

- Prioritize code quality

- Take the time needed for careful design

2. Build a type scale. Use 1.2-1.5x ratio steps from the base size. Do not pick arbitrary heading sizes. Example at 18px base with 1.25 ratio: body 18px

1. Body text first. Always start with the body font. Set its size (16-20px for web)

- Package validation: If exports or public types change

- Stuck / Hung Commands: You can use the timeout setting when using a tool if you suspect it might hang. If you provide a `timeout` parameter

- Code Manipulation: Read before editing

- Analysis: Use `read_file`