General
PromptBeginner5 minmarkdownQuality: 24
- Line length drives breakpoints
not the other way around
0
Explore
Find agent skills by outcome
132,491 skills indexed with the new KISS metadata standard.
Showing 24 of 132,491Categories: Data & Insights, Creative, General, Openclaw, Coding & Debugging
General
PromptBeginner5 minmarkdownQuality: 24
- Paragraph spacing via `margin-bottom` equal to one line-height
no first-line indent for web
0
General
PromptBeginner5 minmarkdownQuality: 24
- Use `clamp()` for fluid sizing: `clamp(1rem
0.9rem + 0.5vw
0
General
PromptBeginner5 minmarkdownQuality: 24
- NEVER use `vw` units alone (breaks user zoom
accessibility violation)
0
General
PromptBeginner5 minmarkdownQuality: 24
- Free quality options: Source Serif
IBM Plex
0
General
PromptBeginner5 minmarkdownQuality: 24
- NEVER default to Arial
Helvetica
0
General
PromptBeginner5 minmarkdownQuality: 24
- Prioritize fonts with generous x-height
open counters
0
General
PromptBeginner5 minmarkdownQuality: 24
- Pair fonts by contrast (serif body + sans heading
or vice versa)
0
General
PromptBeginner5 minmarkdownQuality: 32
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
H3 22px
0
Creative
PromptBeginner5 minmarkdownQuality: 28
1. **Body text first.** Always start with the body font. Set its size (16-20px for web)
line-height (1.3-1.45 as unitless value)
0
General
PromptBeginner5 minmarkdownQuality: 24
When generating CSS
Tailwind classes
0
General
PromptBeginner5 minmarkdownQuality: 24
description: Generate production-grade web typography CSS with correct sizing
spacing
0
Coding & Debugging
PromptBeginner5 minmarkdownQuality: 28
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
not an afterthought. You never use default system font stacks without intention
0
General
PromptBeginner5 minmarkdownQuality: 24
Web Typography
---
0
General
PromptBeginner5 minmarkdownQuality: 32
- **Package validation:** If exports or public types change
also run the repository's package-validation scripts if they exist (for example package-json lint
0
General
PromptBeginner5 minmarkdownQuality: 28
- **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
the tool will stop tracking the command after that duration and return the output collected so far.
0
Coding & Debugging
PromptBeginner5 minmarkdownQuality: 28
- **Code Manipulation:** Read before editing
then use `apply_patch` for updates and `create_file` only for brand-new files.
0
General
PromptBeginner5 minmarkdownQuality: 24
- **Analysis:** Use `read_file`
`grep_search`
0
Coding & Debugging
PromptBeginner5 minmarkdownQuality: 28
- Always do things according to modern best practices and patterns. Never implement hacky fixes or shortcuts that would compromise code quality
maintainability
0
General
PromptBeginner5 minmarkdownQuality: 24
- Avoid `any` type; use `unknown` with type guards
precise generics
0
Coding & Debugging
PromptBeginner5 minmarkdownQuality: 24
- NEVER CHEAT or take shortcuts that would compromise code quality
maintainability
0
General
PromptBeginner5 minmarkdownQuality: 24
- Deliver fixes that handle edge cases
include error handling
0
Coding & Debugging
PromptBeginner5 minmarkdownQuality: 24
- Prioritize code quality
maintainability
0
Creative
PromptBeginner5 minmarkdownQuality: 24
- Take the time needed for careful design
testing
0