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,901 skills, Frontend Development has 4880 skills

Categories

Showing 12 of 4880 skills

Per page
Downloads
Sort
Frontend Developmentduck4nh/antigravity-kit

vibecode-saas-app

SaaS application template using the Partnership model. AI proposes complete vision based on proven SaaS patterns (auth, dashboard, core features, settings), then you provide context. Perfect for web applications requiring user accounts and core functionality.

🇺🇸|EnglishTranslated
6
Frontend Developmentdream-num/skills

test-driven-univer-development

Use when implementing or repairing Univer package-local project behavior with assertions.ts, Facade Migration Packs, univer sac apply, univer sac verify, or verify-report loops.

🇺🇸|EnglishTranslated
6
Frontend Developmenttheqtcompanyrnd/agent-ski...

qt-ui-design

Design or audit UI for Qt/QML, Qt projects, web, or embedded MPU or MCU targets. Use when creating screens, layouts, navigation, or auditing UX.

🇺🇸|EnglishTranslated
6
Frontend Developmentrhyssullivan/skills

no-ui-flash

Use when an SPA or SSR app flashes the wrong UI before client-side data resolves — an app-shell skeleton shown to visitors who get bounced to login, a results skeleton before "no results found", a light-theme flash before dark mode, a generic placeholder that swaps to something jarringly different. Covers resolving state at the edge/server, optimistic hint cookies, redirect-back (returnTo) flows, and how to test the loading window.

🇺🇸|EnglishTranslated
6
Frontend Developmentpixijs/pixijs-skills

pixijs-scene-core-concepts

Use this skill when reasoning about the PixiJS v8 scene graph as a whole: how containers, leaves, transforms, and render order fit together. Covers leaf vs container distinction, local/world coordinates, culling, render groups, sortable children, masking, RenderLayer, constructor options shared by every scene node, and which leaf skill covers which display object. Triggers on: scene graph, display list, Container, Sprite, Graphics, Text, Mesh, ParticleContainer, DOMContainer, GifSprite, masking, render group, RenderLayer, world transform, constructor options, ContainerOptions.

🇺🇸|EnglishTranslated
6
Frontend Developmentleif-sync/pragmatic-ddd

i18n

[Pragmatic DDD Architecture] Guide for internationalization. Use when adding or editing translations in any component, page, or layout — also when wrapping a subtree in LocaleProvider, reading the active locale in a new component, building or modifying a locale switcher, or touching any file that calls determineLocale() or useLocale(). Covers the custom library-free implementation, Translations co-location, Server vs Client locale access patterns, and setLocaleAction.

🇺🇸|EnglishTranslated
6
Frontend Developmentvidotion/design-skills-pl...

webdesign-5

Modern web design trends, principles, and implementation patterns for 2024-2025. Use this skill when designing websites, creating interactive experiences, implementing design systems, ensuring accessibility, or building performance-first interfaces. Triggers on tasks involving modern design trends, micro-interactions, scrollytelling, bold minimalism, cursor UX, glassmorphism, accessibility compliance, performance optimization, or design system architecture. References animation skills (GSAP, Framer Motion, React Spring), 3D skills (Three.js, R3F, Babylon.js), and component libraries for implementation guidance.

🇺🇸|EnglishTranslated
6
Frontend Developmentfortawesome/fontawesome-a...

fa-help

Answer Font Awesome questions using the official documentation

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

platform-building

Platform-specific building systems for mobile, VR, and accessibility. Use when implementing touch controls for building games, VR spatial input, colorblind-friendly feedback, or cross-platform building mechanics. Covers input adaptation and inclusive design patterns.

🇺🇸|EnglishTranslated
6
3 scripts/Checked
Frontend Developmentaradotso/trending-skills

3dsvg-interactive-react

Turn SVGs into interactive React 3D components using the 3dsvg library and visual editor

🇺🇸|EnglishTranslated
6
Frontend Developmentsimon-he95/markstream-vue

markstream-vue2

Integrate markstream-vue2 into a Vue 2.6 or 2.7 app. Use when Codex needs Vue 2-compatible setup, `@vue/composition-api` decisions, CSS wiring, optional peer setup, or scoped Markstream overrides in a Vue 2 repository that is not specifically Vue CLI / Webpack 4 constrained.

🇺🇸|EnglishTranslated
6
Frontend Developmentui5/webcomponents

accessibility

How to make UI5 Web Components applications accessible. Covers accessibility APIs (accessibleName, accessibleNameRef, accessibleDescription, accessibleRole, accessibilityAttributes), label-input relationships, invisible messaging, keyboard handling, high contrast themes, and screen reader support. Use when the user asks about ARIA attributes, screen readers, keyboard navigation, accessibility properties, or making their app accessible.

🇺🇸|EnglishTranslated
6
1...360361362363364...407
Page