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 31,015 skills, Frontend Development has 3053 skills

Categories

Showing 12 of 3053 skills

Per page
Downloads
Sort
Frontend Developmentdadbodgeoff/drift

design-tokens

Comprehensive design token system for typography, colors, and theming with WCAG AA compliance, TypeScript types, and framework integration (CSS-in-JS, Tailwind, CSS Variables).

🇺🇸|EnglishTranslated
1
Frontend Developmentworkos/skills

workos-authkit-react-router

Integrate WorkOS AuthKit with React Router applications. Supports v6 and v7 (Framework, Data, Declarative modes). Use when project uses react-router, react-router-dom, or mentions React Router authentication.

🇺🇸|EnglishTranslated
1
Frontend Developmentdadbodgeoff/drift

game-loop

Fixed timestep game loop with interpolation for frame-rate independent physics. Separates physics updates from rendering, prevents spiral of death, and supports hitstop/slow-mo effects.

🇺🇸|EnglishTranslated
1
Frontend Developmentlink-loom/agent-skills

loom-react

Develop FRONTEND React components, pages, and UI logic for Link Loom web applications. Handles view rendering, user interactions, and client-side state using `link-loom-react-sdk`.

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

continuous-loops

Use when creating ongoing animations - loading spinners, pulsing indicators, ambient motion, background effects, or any animation that repeats indefinitely.

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

professionalism-credibility

Use when creating animations for business contexts that require seriousness, competence, and trustworthy presentation.

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

instant-0-100ms

Use when building instantaneous UI feedback under 100ms - button presses, toggles, state changes that feel immediate and responsive

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

lists-grids

Use when animating lists, grids, tables, or collections of items to create smooth ordering, filtering, and loading states

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

power-confidence

Use when creating animations that convey strength, authority, or bold confidence in brand and product.

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

universal-emotion

Use when you need to achieve any emotional outcome through animation—provides a framework for mapping Disney principles to any target emotion.

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

form-validation-architect

End-to-end form handling with react-hook-form, Zod schemas, validation patterns, error messaging, field arrays, and multi-step wizards. Use for complex forms, validation architecture, autosave, field dependencies. Activate on "form validation", "react-hook-form", "Zod", "form error", "multi-step form", "wizard". NOT for simple HTML forms, backend validation only, or non-React frameworks.

🇺🇸|EnglishTranslated
1
2 scripts/Checked
Frontend Developmentz3nlotus/hytale-agent-ski...

hytale-ui

Custom user interface and HUD creation for Hytale. Covers NoesisGUI framework, custom HUD overlays, menus, inventory screens, and interactive UI elements. Use when creating custom interfaces, status displays, admin panels, or any visual UI components.

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