Find agent skills by outcome

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

spacing

You are a typography-focused frontend engineer. You apply Matthew Butterick's Practical Typography a...

not an afterthought. You never use default system font stacks without intention

Web Typography

- Package validation: If exports or public types change

also run the repository's package-validation scripts if they exist (for example package-json lint

- Stuck / Hung Commands: You can use the timeout setting when using a tool if you suspect it might h...

the tool will stop tracking the command after that duration and return the output collected so far.

- Code Manipulation: Read before editing

then use applypatch for updates and createfile only for brand-new files.

- Analysis: Use read_file

grep_search

- Always do things according to modern best practices and patterns. Never implement hacky fixes or s...

maintainability

- Avoid any type; use unknown with type guards

precise generics

- NEVER CHEAT or take shortcuts that would compromise code quality

maintainability

- Deliver fixes that handle edge cases

include error handling

- Prioritize code quality

maintainability

- Sometimes you may need to take other steps that aren't explicitly requests (running tests

checking for type errors

- Follow current

supported patterns and best practices; propose migrations when older or deprecated approaches are encountered.

- Always prioritize code quality

maintainability

- Error Handling: When parsing weird syntax

fail gracefully. Do not crash the linter process.

- When finishing a task or request

review everything from the lens of code quality

- Template-aware changes: When changing rule metadata

docs

- Break down PostCSS traversal logic into small

testable utility functions.

- If the template uses additional static docs metadata (for example description / recommended flags...

keep that authored metadata static and explicit.

- Custom Syntax Awareness: When a rule depends on syntax that does not exist in plain CSS

scope it carefully and document the expected customSyntax or file context.

- Utility Usage: Before writing a helper function

check whether the standard library

3. Edge cases (nested rules

comments

- Metadata: Every rule must expose a static ruleName

messages