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,538 skills, Frontend Development has 4867 skills

Categories

Showing 12 of 4867 skills

Per page
Downloads
Sort
Frontend Developmentsickn33/antigravity-aweso...

react-patterns

Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.

🇺🇸|EnglishTranslated
10
Frontend Developmentjezweb/claude-skills

clerk-auth

Clerk auth with API Keys beta (Dec 2025), Next.js 16 proxy.ts (March 2025 CVE context), API version 2025-11-10 breaking changes, clerkMiddleware() options, webhooks, production considerations (GCP outages), and component reference. Prevents 15 documented errors. Use when: API keys for users/orgs, Next.js 16 middleware filename, troubleshooting JWKS/CSRF/JWT/token-type-mismatch errors, webhook verification, user type inconsistencies, or testing with 424242 OTP.

🇺🇸|EnglishTranslated
10
5 scripts/Checked
Frontend Developmentdelineas/astro-framework-...

astro-framework

Comprehensive Astro framework development guide for building fast, content-driven websites using islands architecture. Use this skill when creating Astro components, implementing islands with selective hydration, working with content collections, configuring SSR adapters, building API endpoints, implementing view transitions, or integrating UI frameworks (React, Vue, Svelte, Solid). Triggers on Astro, islands architecture, content collections, client directives, view transitions, Astro SSR, hybrid rendering, static site generation, astro.config.

🇺🇸|EnglishTranslated
10
Frontend Developmentexistential-birds/beagle

react-flow

React Flow (@xyflow/react) for workflow visualization with custom nodes and edges. Use when building graph visualizations, creating custom workflow nodes, implementing edge labels, or controlling viewport. Triggers on ReactFlow, @xyflow/react, Handle, NodeProps, EdgeProps, useReactFlow, fitView.

🇺🇸|EnglishTranslated
10
Frontend Developmentexistential-birds/beagle

ai-elements

Vercel AI Elements for workflow UI components. Use when building chat interfaces, displaying tool execution, showing reasoning/thinking, or creating job queues. Triggers on ai-elements, Queue, Confirmation, Tool, Reasoning, Shimmer, Loader, Message, Conversation, PromptInput.

🇺🇸|EnglishTranslated
10
Frontend Developmentlobehub/lobehub

recent-data

Guide for using Recent Data (topics, resources, pages). Use when working with recently accessed items, implementing recent lists, or accessing session store recent data. Triggers on recent data usage or implementation tasks.

🇺🇸|EnglishTranslated
10
Frontend Developmentsiviter-xyz/dot-agent

frontend-engineer

Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.

🇺🇸|EnglishTranslated
10
Frontend Developmentaj-geddes/useful-ai-promp...

internationalization-i18n

Implement internationalization (i18n) and localization including message extraction, translation catalogs, pluralization rules, date/time/number formatting, RTL language support, and i18n libraries like i18next and gettext. Use for multi-language, translation, or localization needs.

🇺🇸|EnglishTranslated
10
Frontend Developmentprowler-cloud/prowler

react-19

React 19 patterns with React Compiler. Trigger: When writing React 19 components/hooks in .tsx (React Compiler rules, hook patterns, refs as props). If using Next.js App Router/Server Actions, also use nextjs-15.

🇺🇸|EnglishTranslated
10
Frontend Developmentaj-geddes/useful-ai-promp...

network-debugging

Debug network issues using browser tools and network analysis. Diagnose connection problems, latency, and data transmission issues.

🇺🇸|EnglishTranslated
10
Frontend Developmentprowler-cloud/prowler

tailwind-4

Tailwind CSS 4 patterns and best practices. Trigger: When styling with Tailwind (className, variants, cn()), especially when dynamic styling or CSS variables are involved (no var() in className).

🇺🇸|EnglishTranslated
10
Frontend Developmentaj-geddes/useful-ai-promp...

reactive-programming

Implement reactive programming patterns using RxJS, streams, observables, and backpressure handling. Use when building event-driven UIs, handling async data streams, or managing complex data flows.

🇺🇸|EnglishTranslated
10
1...175176177178179...406
Page