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 Developmentthebushidocollective/han

vue-composition-api

Use when Vue 3 Composition API with reactive refs, computed, and composables. Use when building modern Vue 3 applications.

🇺🇸|EnglishTranslated
13
Frontend Developmentincomestreamsurfer/claude...

frontend-aesthetics

Prevents generic AI-generated designs by guiding typography, color, motion, and background choices. Use when creating frontend designs, landing pages, dashboards, or any UI/UX work. Helps avoid the "AI slop" aesthetic.

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

attention-grabbers

Use when drawing user focus - notification badges, new feature highlights, error callouts, promotional banners, or any animation meant to attract attention.

🇺🇸|EnglishTranslated
13
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
13
Frontend Developmentsjnims/bootstrap-expert

bootstrap-components

This skill should be used when the user asks about Bootstrap components, "how to create a modal", "navbar not collapsing", "carousel autoplay", "responsive card grid", "toast notifications", "dropdown menu", "accordion FAQ", "offcanvas sidebar", "tab navigation", "tooltip not showing", "popover not working", Bootstrap accordion, alerts, badges, breadcrumb, buttons, button groups, cards, carousel, close button, collapse, dropdowns, list group, modal, navbar, navs and tabs, offcanvas, pagination, placeholders, popovers, progress, scrollspy, spinners, toasts, tooltips, or needs help implementing any Bootstrap UI component.

🇺🇸|EnglishTranslated
13
Frontend Developmentandrehfp/tinyplate

seo-technical

Implement technical SEO infrastructure for Next.js apps. Use this skill when setting up sitemaps, robots.txt, meta tags, OpenGraph, structured data (JSON-LD), canonical URLs, and other technical SEO elements. Covers Next.js 15/16 App Router patterns and 2025 best practices.

🇺🇸|EnglishTranslated
13
Frontend Developmentthedivergentai/gd-agentic...

godot-tweening

Expert blueprint for programmatic animation using Tween for smooth property transitions, UI effects, camera movements, and juice. Covers easing functions, parallel tweens, chaining, and lifecycle management. Use when implementing UI animations OR procedural movement. Keywords Tween, easing, interpolation, EASE_IN_OUT, TRANS_CUBIC, tween_property, tween_callback.

🇺🇸|EnglishTranslated
13
Frontend Developmenttheorcdev/8bitcn-ui

8-bit-pixel-art-patterns

Create pixelated borders, shadows, and effects for 8-bit retro components. Apply when building 8-bit styled UI components that need authentic pixel art aesthetics.

🇺🇸|EnglishTranslated
13
Frontend Developmentimgly/agent-skills

docs-react

Look up CE.SDK React reference docs, guides, and configuration pages. Use when the user needs CE.SDK docs for React — configuration, UI customization, export options, feature guides, or getting-started instructions. Also triggered by "IMG.LY", "CreativeEditor", "CE.SDK", or "cesdk" when the user needs an existing React doc page. Not for writing code (use build) or concept explanations (use explain). <example> Context: User asks about React configuration user: "How do I configure the editor in React?" assistant: "I'll use /cesdk:docs-react to look up configuration options." </example> <example> Context: User needs React component setup user: "How do I embed CE.SDK in a React component?" assistant: "Let me use /cesdk:docs-react to find the relevant documentation." </example>

🇺🇸|EnglishTranslated
13
Frontend Developmentbobmatnyc/claude-mpm-skil...

validated-handler

Type-safe API route handler with automatic Zod validation for Next.js App Router...

🇺🇸|EnglishTranslated
13
Frontend Developmentredpanda-data/console

ui-development

Build UI with Redpanda Registry components, Tailwind v4, and accessibility best practices.

🇺🇸|EnglishTranslated
13
Frontend Developmentpiotrski/agent-react-devt...

react-devtools

React DevTools CLI for AI agents. Use when the user asks you to debug a React or React Native app at runtime, inspect component props/state/hooks, diagnose render performance, profile re-renders, find slow components, or understand why something re-renders. Triggers include "why does this re-render", "inspect the component", "what props does X have", "profile the app", "find slow components", "debug the UI", "check component state", "the app feels slow", or any React runtime debugging task.

🇺🇸|EnglishTranslated
13
1...9192939495...406
Page