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,523 skills, Frontend Development has 4865 skills

Categories

Showing 12 of 4865 skills

Per page
Downloads
Sort
Frontend Developmentmaplibre/maplibre-agent-s...

maplibre-pmtiles-patterns

Serverless vector and raster tiles with PMTiles for MapLibre GL JS — single-file format, HTTP range requests, hosting on S3/R2/GitHub Pages, generating with Planetiler or tippecanoe, and the pmtiles protocol. Use when you need no tile server or want to host tiles from static storage.

🇺🇸|EnglishTranslated
7
Frontend Developmentdhruvanbhalara/skills

flutter-bloc-forms

Form State Management, Validation & Input Patterns

🇺🇸|EnglishTranslated
7
Frontend Developmenttoilahuongg/shopify-agent...

email-template-design

Design and build professional HTML email templates with inline CSS for broad email client compatibility. Use this skill when the user asks to create, design, or build email templates, newsletters, transactional emails (order confirmations, receipts, shipping notifications, password resets), marketing emails, welcome series, onboarding emails, abandoned cart emails, drip campaigns, or any HTML email layout. Covers responsive design, dark mode support, and compatibility with Gmail, Outlook (desktop + web), Apple Mail, Yahoo, and mobile clients.

🇺🇸|EnglishTranslated
7
Frontend Developmentfreshtechbro/claudedesign...

barba-js

Page transitions library for creating fluid, smooth transitions between website pages. Use this skill when implementing page transitions, creating SPA-like experiences, adding animated route changes, or building websites with smooth navigation. Triggers on tasks involving Barba.js, page transitions, routing, view management, transition hooks, GSAP integration, or smooth page navigation. Works with gsap-scrolltrigger for transition animations.

🇺🇸|EnglishTranslated
7
2 scripts/Checked
Frontend Developmentchristiancruzarango/angul...

angular-modularize

Modularizes existing Angular components and projects following official angular.dev best practices, SOLID principles, and the Smart/Presentational pattern. Use when the user asks to "modularize", "refactor component", "split component", "extract component", "decompose component", "organize Angular project", "apply Angular best practices", "split into feature modules", "restructure project", or "improve project structure".

🇺🇸|EnglishTranslated
7
Frontend Developmenttravisjneuman/.claude

performance-engineering

Web Vitals, Lighthouse CI, bundle optimization, CDN, caching, and load testing

🇺🇸|EnglishTranslated
7
Frontend Developmentdojoengine/book

dojo-client

Integrate Dojo with game clients for JavaScript, Unity, Unreal, Rust, and other platforms. Generate typed bindings and connection code. Use when connecting frontends or game engines to your Dojo world.

🇺🇸|EnglishTranslated
7
Frontend Developmentralphcrisostomo/nuxt-deve...

nuxt-visual-development

Use when developing or modifying visual elements (components, pages, layouts, styling). Covers Playwright screenshots, Compodium component preview, responsive/dark-mode verification, and the iteration loop.

🇺🇸|EnglishTranslated
7
Frontend Developmentralphcrisostomo/nuxt-deve...

nuxt-init

Use when scaffolding a new Nuxt 4 project with standard config files (prettier, eslint, gitignore, husky, vitest, tsconfig, sops) and bun scripts.

🇺🇸|EnglishTranslated
7
Frontend Developmentvercel/microfrontends

vercel-microfrontends

Guide for building, configuring, and deploying microfrontends on Vercel. Use this skill when the user mentions microfrontends, multi-zones, splitting an app across teams, independent deployments, cross-app routing, incremental migration, composing multiple frontends under one domain, microfrontends.json, @vercel/microfrontends, the microfrontends local proxy, or path-based routing between Vercel projects. Also use when the user asks about shared layouts across projects, navigation between microfrontends, fallback environments, asset prefixes, or feature flag controlled routing.

🇺🇸|EnglishTranslated
7
Frontend Developmentfarworld-labs/remix-skill...

remix-save-game

Add save and load game state functionality via RemixSDK

🇺🇸|EnglishTranslated
7
Frontend Developmentkostja94/marketing-skills

sidebar-generator

When the user wants to design, optimize, or audit a sidebar for blogs, docs, or content pages. Also use when the user mentions "sidebar," "blog sidebar," "content sidebar," "side panel," "sidebar navigation," "related content," "sidebar CTA," "doc sidebar," or "sidebar widgets."

🇺🇸|EnglishTranslated
7
1...293294295296297...406
Page