Skill4Agent
Skill4Agent
All SkillsSearchTools
|
Explore
Skill4Agent
Skill4Agent

AI Agent Skills Directory with categorization, English/Chinese translation, and script security checks.

Sitemap

  • Home
  • All Skills
  • Search
  • Tools

About

  • About Us
  • Disclaimer
  • Copyright

Help

  • FAQ
  • Privacy
  • Terms
Contact Us:osulivan147@qq.com

© 2026 Skill4Agent. All rights reserved.

All Skills

Total 30,812 skills, Frontend Development has 3051 skills

Categories

Showing 12 of 3051 skills

Per page
Downloads
Sort
Frontend Developmentalexanderop/workouttracke...

repository-pattern

Create and manage Dexie/IndexedDB repositories with type-safe interfaces, converters, and standardized CRUD operations. Use when (1) adding entity storage, (2) implementing save/load/delete operations, (3) designing database schema and indexes, (4) converting between database (Db*) and domain types, (5) handling database errors or migrations, (6) using existing repositories (SettingsRepository, WorkoutsRepository, TemplatesRepository, CustomExercisesRepository, BenchmarksRepository, ActiveWorkoutRepository). Triggers include "database", "repository", "save data", "fetch from database", "delete from storage", "database schema", "database table", "indexes", "migration", "persist", "convert workout", "converter", "buildPartialUpdate", "mock repository", "database error", "bulk operations", "import/export", or specific repository names.

🇺🇸|EnglishTranslated
1
Frontend Developmenterichowens/some_claude_sk...

sobriety-tools-guardian

Performance optimization and continuous improvement for sobriety.tools recovery app. Use for load time optimization, offline capability, crisis detection, performance monitoring, automated issue detection. Activate on "sobriety.tools", "recovery app perf", "crisis detection", "offline meetings", "HALT check-in", "sponsor contacts". NOT for general Next.js help, unrelated Cloudflare Workers, or non-recovery apps.

🇺🇸|EnglishTranslated
1
4 scripts/Attention
Frontend Developmentdylantarre/animation-prin...

calm-relaxation

Use when creating animations that soothe users, reduce anxiety, or create peaceful, meditative experiences.

🇺🇸|EnglishTranslated
1
Frontend Developmentdylantarre/animation-prin...

deliberate-1200-2000ms

Use when building slow intentional animations between 1200-2000ms - app intros, loading sequences, storytelling moments that create emotional resonance

🇺🇸|EnglishTranslated
1
Frontend Developmentdylantarre/animation-prin...

rive-animations

Use when implementing Disney's 12 animation principles with Rive interactive animations

🇺🇸|EnglishTranslated
1
Frontend Developmentcopyleftdev/sk1llz

levien-native-ui-mastery

Build native UIs in the style of Raph Levien, architect of Druid, Xilem, and Vello. Emphasizes declarative reactive architecture, synchronized tree transformations, GPU-accelerated rendering, and idiomatic Rust patterns. Use when designing responsive, beautiful native UIs or 2D graphics systems.

🇺🇸|EnglishTranslated
1
Frontend Developmentdylantarre/animation-prin...

accordions-dropdowns

Use when animating accordions, collapsibles, dropdowns, or expand/collapse elements for smooth reveal transitions

🇺🇸|EnglishTranslated
1
Frontend Developmentdylantarre/animation-prin...

orchestrated-sequences

Use when building multi-part animation sequences - staggered reveals, choreographed UI, coordinated motion where multiple elements work together

🇺🇸|EnglishTranslated
1
Frontend Developmentdylantarre/animation-prin...

universal-timing

Use when learning animation timing fundamentals - principles that apply regardless of duration, the foundational rules that scale across all time ranges

🇺🇸|EnglishTranslated
1
Frontend Developmentyanix2445/skills

url-orchestrator

Gouvernance d'URL multi-scopes (produits/activités) pour sites modernes, avec canonisation serveur, SEO/crawl, migrations safe, et implémentation Next.js App Router. À utiliser quand tu conçois, refactors, ou migres des routes/URLs (pages publiques/privées/techniques) pour garder un pattern stable, scalable et testable.

🇺🇸|EnglishTranslated
1
Frontend Developmentdylantarre/animation-prin...

transition-sequences

Use when orchestrating multi-step animations - page transitions, onboarding flows, wizard steps, complex reveals, or any choreographed animation sequence.

🇺🇸|EnglishTranslated
1
Frontend Developmentdigitalsamba/claude-code-...

remotion

Create programmatic videos using React with Remotion. Use when building video compositions, animations, or rendering videos programmatically. Triggers include creating video content with React, animating elements frame-by-frame, rendering videos to MP4/WebM/GIF, using spring/interpolate animations, building video editing apps, or deploying video rendering to AWS Lambda.

🇺🇸|EnglishTranslated
1
1...192193194195196...255
Page