General
PromptBeginner5 minmarkdown
RULE: Transitions apply to: background-color
color
0
Explore
Find agent skills by outcome
110,486 skills indexed with the new KISS metadata standard.
Showing 24 of 110,486Categories: General, Data
General
PromptBeginner5 minmarkdown
For each breakpoint
state:
0
General
PromptBeginner5 minmarkdown
| 3 | Button | `src/components/ui/Button.tsx` | Tokens
Typography | Medium | 3 variants × 3 sizes × 6 states |
0
General
PromptBeginner5 minmarkdown
| 2 | Typography components | `src/components/ui/Text.tsx` | Tokens | Low | Heading
Body
0
General
PromptBeginner5 minmarkdown
6. **Every visual property is stated
never inherited by assumption.**
0
General
PromptBeginner5 minmarkdown
4. **Conditionals use explicit if/else
never as needed.**
0
General
PromptBeginner5 minmarkdown
RIGHT: `text-lg` (18px) at ≥768px
`text-base` (16px) below
0
Data
PromptBeginner5 minmarkdown
RIGHT: if data fetch takes >300ms
show skeleton. If fetch fails
0
General
PromptBeginner5 minmarkdown
If Tailwind: use Tailwind classes as primary
px as annotation
0
General
PromptBeginner5 minmarkdown
If CSS: use rem as primary
px as annotation
0
General
PromptBeginner5 minmarkdown
Before writing any specs
follow these formatting rules exactly:
0
General
PromptBeginner5 minmarkdown
**If the reader has to guess
infer
0
General
PromptBeginner5 minmarkdown
must have a rule. No as appropriate
no roughly
0
General
PromptBeginner5 minmarkdown
**The core philosophy:** If an AI reads this document and has to guess anything
the document has failed.
0
General
PromptBeginner5 minmarkdown
page.on('console'
msg => console.log('Browser log:'
0
General
PromptBeginner5 minmarkdown
await page.waitForSelector('#element-id'
{ state: 'visible' });
0
General
PromptBeginner5 minmarkdown
await page.fill('#password'
'password123');
0
General
PromptBeginner5 minmarkdown
await page.fill('#username'
'testuser');
0
General
PromptBeginner5 minmarkdown
Web Application Testing Skill (Imported)
---
0
General
PromptBeginner5 minmarkdown
console.log('Page title:'
title);
0
General
PromptBeginner5 minmarkdown
Improve visual hierarchy
clarity
0
General
PromptBeginner5 minmarkdown
Think of our tech stack as a crew
each member with a specialty:
0
General
PromptBeginner5 minmarkdown
When someone visits our site
the server pre-builds the page before
0
General
PromptBeginner5 minmarkdown
paragraphs
and bullet points for lists. But use prose (not bullets)
0