General
PromptBeginner5 minmarkdown
- **Performance**: Optimized animations
no layout shift
0
Explore
Find agent skills by outcome
83,662 skills indexed with the new KISS metadata standard.
Showing 24 of 83,662Categories: Data & Insights, Creative, Data, Coding & Debugging, General, Openclaw
General
PromptBeginner5 minmarkdown
- Animate.css (optional
for additional animations)
0
General
PromptBeginner5 minmarkdown
- **Mobile** (<768px): 1 column
reduced padding throughout
0
General
PromptBeginner5 minmarkdown
5. **Permissions/Integrations** - HealthKit
notifications
0
General
PromptBeginner5 minmarkdown
6. **Advanced features** - Sync
sharing
0
General
PromptBeginner5 minmarkdown
- **Hover**: Smooth cubic-bezier easing (0.16
1
0
General
PromptBeginner5 minmarkdown
- **Title**: Bold
mono font
0
General
PromptBeginner5 minmarkdown
- Device name (uppercase
small font
0
General
PromptBeginner5 minmarkdown
- **Description**: One-line caption
smaller font
0
General
PromptBeginner5 minmarkdown
- **Container**: White/off-white background
rounded corners (2xl)
0
General
PromptBeginner5 minmarkdown
- Number badge (gradient background
26px square)
0
General
PromptBeginner5 minmarkdown
- **Image container**: Gradient background
centered screenshot with white border (8px)
0
General
PromptBeginner5 minmarkdown
- **Gap**: 2rem on desktop
1.5rem tablet
0
General
PromptBeginner5 minmarkdown
- **Padding**: Reduced vertical padding (3rem top
2rem bottom) for compact feel
0
General
PromptBeginner5 minmarkdown
- **Title**: Large
bold app name with gradient text treatment
0
General
PromptBeginner5 minmarkdown
- **Container**: Max-width 1600px
centered
0
General
PromptBeginner5 minmarkdown
- **Grid**: Masonry-style responsive grid using `grid-template-columns: repeat(auto-fill
minmax(340px
0
General
PromptBeginner5 minmarkdown
- **Transitions**: Three speeds (fast: 150ms
normal: 300ms
0
General
PromptBeginner5 minmarkdown
- **Typography**: Two-font stack (mono for UI elements
sans for body)
0
General
PromptBeginner5 minmarkdown
- **Shadows**: Five elevation levels (sm
md
0
General
PromptBeginner5 minmarkdown
- **Borders**: Radius scale (sm
md
0
General
PromptBeginner5 minmarkdown
- **Surfaces**: Three surface levels (surface-1
surface-2
0
General
PromptBeginner5 minmarkdown
You are building a screenshots gallery page for an app. The project has screenshots in a folder (typically `screenshots/`
`fastlane/screenshots/`
0
General
PromptBeginner5 minmarkdown
- **Colors**: Primary palette (50-900 shades)
secondary/accent palette
0