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

Categories

Showing 12 of 4860 skills

Per page
Downloads
Sort
Frontend Developmenttanstack-skills/tanstack-...

tanstack-virtual

Headless UI for virtualizing large element lists at 60FPS in TS/JS, React, Vue, Solid, Svelte, Lit & Angular.

🇺🇸|EnglishTranslated
6
Frontend Developmentjstarfilms/vibecode-proto...

nextjs-standards

Comprehensive coding standards, verification protocols, and templates for Next.js App Router projects. Auto-loads on Next.js detection.

🇺🇸|EnglishTranslated
6
1 scripts/Checked
Frontend Developmentniccos-shopify-workspace/...

app-shopify-app-api-patterns

Frontend-backend communication patterns in Shopify Remix apps. Use when adding pages that need backend data, creating data mutations, using loaders and actions, handling authenticated requests, or managing session and authentication in routes.

🇺🇸|EnglishTranslated
6
Frontend Developmentkostja94/marketing-skills

rendering-strategies

When the user wants to choose or optimize rendering strategy for SEO. Also use when the user mentions "SSR," "SSG," "CSR," "ISR," "static rendering," "dynamic rendering," "server-side rendering," "client-side rendering," "JavaScript rendering," "pre-rendering," "prerender," "content in initial HTML," or "crawler visibility."

🇺🇸|EnglishTranslated
6
Frontend Developmentkostja94/marketing-skills

mobile-friendly

When the user wants to optimize for mobile-first indexing or fix mobile usability. Also use when the user mentions "mobile-friendly," "mobile-first indexing," "mobile SEO," "responsive design," "mobile adaptation," "mobile viewport," "viewport meta," "touch targets," "font size mobile," "AMP," or "Accelerated Mobile Pages."

🇺🇸|EnglishTranslated
6
Frontend Developmentsickn33/antigravity-aweso...

antigravity-design-expert

Core UI/UX engineering skill for building highly interactive, spatial, weightless, and glassmorphism-based web interfaces using GSAP and 3D CSS.

🇺🇸|EnglishTranslated
6
Frontend Developmentjusteattakeaway/pie

pie-design-system

Usage guidelines for the PIE design system by Just Eat Takeaway. Use when building, modifying, debugging any user-facing web UI, referencing @justeattakeaway/pie-* packages or when the user asks for a UI that should follow JET/PIE design standards.

🇺🇸|EnglishTranslated
6
1 scripts/Checked
Frontend Developmentmodule-federation/core

mf-shared-deps

Check Module Federation shared dependency configuration: detect shared/externals conflicts, antd/arco transformImport blocking shared deps, and multiple versions of the same shared package in build artifacts. Use when shared dependencies fail to be shared, or host and remote load duplicate instances of a library.

🇺🇸|EnglishTranslated
6
1 scripts/Attention
Frontend Developmentplaydotfun/skills

playdotfun

Monetizes browser games with Play.fun by guiding game registration, rewards and leaderboard setup, SDK integration, and deployment. Use when the user says "monetize my game", "add Play.fun", "add token rewards", "add a leaderboard", "register my game", "deploy so players earn rewards", or "launch a Playcoin". Do NOT use for generic game design, unrelated Solana questions, or non-game web apps.

🇺🇸|EnglishTranslated
6
2 scripts/Attention
Frontend Developmentnicolasflores9/skills

joomla-template-overrides

Master the template overrides system in Joomla 5/6. Customize component views (com_content, articles, categories), modules, plugins, create alternative layouts, use JLayout for reusable components, implement child templates and field overrides. Includes complete examples of blog_item.php, article/default.php, mod_login, layout alternatives, best practices and troubleshooting.

🇺🇸|EnglishTranslated
6
5 scripts/Checked
Frontend Developmentmagicuidesign/magicui

magic-ui

Use this skill when users want to add, customize, or troubleshoot Magic UI components in React/Next.js projects. It covers component selection, shadcn registry installation (`@magicui/*`), integration patterns, and practical quality checks for accessibility and maintainability.

🇺🇸|EnglishTranslated
6
Frontend Developmentoakoss/agent-skills

typescript-patterns

Advanced TypeScript patterns for strict mode development. Covers type utilities (Pick, Omit, Partial, Record, Awaited), generics with constraints and inference, type guards and narrowing, discriminated unions, conditional and mapped types, template literal types, const assertions, satisfies operator, module patterns, and modern JavaScript idioms (eslint-plugin-unicorn). Use when building type-safe APIs, preventing runtime errors through types, working with strict TypeScript configuration, debugging complex type errors, or enforcing modern JS idioms. Use for generics, type guards, utility types, strict mode, type inference, narrowing, type safety, const assertions, satisfies, module augmentation, unicorn, for-of, modern-js.

🇺🇸|EnglishTranslated
5
1...339340341342343...405
Page