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 50,402 skills, Frontend Development has 4860 skills

Categories

Showing 12 of 4860 skills

Per page
Downloads
Sort
Frontend Developmentoguzhan18/angular-ecosyst...

angular-destroyref

ALWAYS use when working with Angular DestroyRef, takeUntilDestroyed, or cleanup in Angular.

🇺🇸|EnglishTranslated
18
Frontend Developmentoguzhan18/angular-ecosyst...

angular-signals-http

ALWAYS use when working with Angular Signals and HttpClient, toSignal, toObservable, or HTTP with signals.

🇺🇸|EnglishTranslated
18
Frontend Developmentshopify/shopify-ai-toolki...

shopify-polaris-app-home

Build your app's primary user interface embedded in the Shopify admin. If the prompt just mentions `Polaris` and you can't tell based off of the context what API they meant, assume they meant this API.

🇺🇸|EnglishTranslated
18
2 scripts/Attention
Frontend Developmentihlamury/design-skills

deel-ui-skills

Deel's UI design system. Use when building interfaces inspired by Deel's aesthetic - light mode, Inter font, 4px grid.

🇺🇸|EnglishTranslated
18
Frontend Developmentmindrally/skills

front-end-developer

Senior Front-End Developer expertise in ReactJS, NextJS, JavaScript, TypeScript, HTML, CSS, and modern UI/UX frameworks

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

web-motion-design

Use when building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work.

🇺🇸|EnglishTranslated
18
Frontend Developmentcap-go/capgo-skills

konsta-ui

Guide to using Konsta UI for pixel-perfect iOS and Material Design components in Capacitor apps. Works with React, Vue, and Svelte. Use this skill when users want native-looking UI without Ionic, or prefer a lighter framework.

🇺🇸|EnglishTranslated
18
Frontend Developmentbbeierle12/skill-mcp-clau...

shader-sdf

Signed Distance Functions (SDFs) in GLSL—2D/3D shape primitives, boolean operations (union, intersection, subtraction), smooth blending, repetition, and raymarching fundamentals. Use when creating procedural shapes, text effects, smooth morphing, or raymarched 3D scenes.

🇺🇸|EnglishTranslated
18
Frontend Developmentmengto/skills

cobejs

Use when adding a lightweight interactive globe with cobe (canvas setup, markers, interaction, performance, integration with React/Next.js).

🇺🇸|EnglishTranslated
18
Frontend Developmentwondelai/skills

top-design

Create award-winning websites and applications with design and typography rated 10/10. Use this skill when building premium digital experiences that match the quality of elite agencies like Locomotive, Studio Freight, AREA 17, Active Theory, Hello Monday, Dogstudio, Tonik, Instrument, Resn, and Awwwards winners. Triggers include premium design, award-winning, agency-level, Awwwards quality, exceptional typography, immersive experience, 10/10 design, portfolio site, brand website, creative agency style, top-tier web design, or when building sites for luxury brands, tech companies, cultural institutions, or startups requiring exceptional visual craft.

🇺🇸|EnglishTranslated
18
Frontend Developmentdiegojohnsonl/trpc-tansta...

trpc-tanstack-nextjs

Set up tRPC with TanStack Query in Next.js App Router projects. Use when: (1) Setting up tRPC from scratch in a Next.js project, (2) Adding new routers or procedures, (3) Integrating authentication with tRPC context, (4) Using tRPC with React Server Components, (5) Configuring prefetching and hydration patterns.

🇺🇸|EnglishTranslated
18
Frontend Developmentvercel-labs/migration-ski...

cra-to-next-migration

Comprehensive guide for migrating Create React App (CRA) projects to Next.js. Use when migrating a CRA app, converting React Router to file-based routing, or adopting Next.js patterns like Server Components, App Router, or image optimization.

🇺🇸|EnglishTranslated
18
1...2425262728...405
Page