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 44,615 skills, Frontend Development has 4530 skills

Categories

Showing 12 of 4530 skills

Per page
Downloads
Sort
Frontend Developmentmicrosoft/power-platform-...

create-code-app

Creates Power Apps code apps using React and Vite. Use when building code apps, scaffolding projects, or deploying to Power Platform.

🇺🇸|EnglishTranslated
3
Frontend Developmentteam-telnyx/skills

telnyx-video-javascript

Create and manage video rooms for real-time video communication and conferencing. This skill provides JavaScript SDK examples.

🇺🇸|EnglishTranslated
3
Frontend Developmentdragnoir/shopify-agent-sk...

headless-hydrogen

Build headless Shopify storefronts with Hydrogen and Oxygen. Use this skill for creating custom React-based storefronts, using Hydrogen components, deploying to Oxygen hosting, working with the Storefront API, and building high-performance e-commerce experiences. Also covers bringing your own stack with custom frameworks.

🇺🇸|EnglishTranslated
3
Frontend Developmentdauquangthanh/hanoi-rainb...

mockup-creation

Create interactive, production-ready UI mockups and prototypes using NuxtJS 4 (Vue) or Next.js (React), TypeScript, and TailwindCSS v4. Use when building web mockups, prototypes, landing pages, dashboards, admin panels, or interactive UI demonstrations. Trigger when users mention "create mockup", "build prototype", "interactive demo", "UI prototype", "design to code", or need rapid frontend development with modern tooling. Prefer NuxtJS for Vue-based projects; use Next.js when users mention ReactJS.

🇺🇸|EnglishTranslated
3
4 scripts/Attention
Frontend Developmentfortawesome/fontawesome-a...

add-icon

Add a Font Awesome icon to the user's project, generating the correct code for their integration method

🇺🇸|EnglishTranslated
3
1 scripts/Checked
Frontend Developmentharlan-zw/vue-ecosystem-s...

unovis-vue-skilld

Modular data visualization framework for React, Angular, Svelte, Vue, and vanilla TypeScript or JavaScript. ALWAYS use when writing code importing "@unovis/vue". Consult for debugging, best practices, or modifying @unovis/vue, unovis/vue, unovis vue, unovis.

🇺🇸|EnglishTranslated
3
Frontend Developmentpancakeswap/pancakeswap-a...

hub-api-integration

Help apps and distribution channels integrate PCS Hub into their frontend. Use when user says "/hub-api-integration", "integrate PCS Hub", "embed PCS Hub swap", "PCS Hub integration guide", "how do I add PCS Hub to my wallet", "create a PCS Hub integration spec", or describes wanting to embed PCS Hub quote/swap functionality in an external UI.

🇺🇸|EnglishTranslated
3
Frontend Developmenttanstack-skills/tanstack-...

tanstack-ranger

Headless utilities for building range and multi-range sliders in TS/JS, React, Vue, Solid, Svelte & Angular.

🇺🇸|EnglishTranslated
3
Frontend Developmentomniaura/skills

solidjs-patterns

SolidJS and SolidStart performance and correctness guidelines for AI agents. This skill should be used when writing, reviewing, or refactoring SolidJS/SolidStart code to ensure correct reactivity patterns and optimal performance. Triggers on tasks involving SolidJS components, signals, stores, Solid Query, SolidStart server functions, routing, or fine-grained reactivity.

🇺🇸|EnglishTranslated
3
Frontend Developmentposthog/skills

integration-sveltekit

PostHog integration for SvelteKit applications

🇺🇸|EnglishTranslated
3
Frontend Developmentpedronauck/skills

zustand

Expert guide for Zustand state management patterns, store organization, and best practices. Use when implementing client state management with Zustand, creating stores, or managing shared UI state across components.

🇺🇸|EnglishTranslated
3
Frontend Developmentsyncfusion/react-ui-compo...

syncfusion-react-timeline

Implement Syncfusion React Timeline component for displaying chronological sequences of events with customizable layouts, styling, and interactivity. Use this skill when creating timelines, displaying event sequences, showing milestone progression, creating activity feeds, or building chronological data visualizations. This covers career histories, project roadmaps, process flows, shipping tracking, and time-based event displays.

🇺🇸|EnglishTranslated
3
1...303304305306307...378
Page