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

Categories

Showing 12 of 4530 skills

Per page
Downloads
Sort
Frontend Developmentsyncfusion/docx-editor-sd...

syncfusion-angular-docx-editor

Use this skill when a user asks how to generate, integrate, or implement a Word‑like document editor in Angular using Syncfusion. Trigger it for requests involving the Syncfusion Angular Document Editor, Angular‑based editor integration, document editing and formatting, comments and track changes, working with tables and images, managing headers and footers, applying document protection, and building end‑to‑end document workflows in Angular applications.

🇺🇸|EnglishTranslated
3
Frontend Developmentcloudsen/eliteforge-skill...

eliteforge-frontend-generator

Generate EliteForge frontend projects with the same logic as cisdigital-generator-app. Reuse the exact project type to template mapping for frontend_app/frontend_ui/frontend_sdk, naming rules for company/product/service, and onebase-cli command assembly. Use when users ask to scaffold EliteForge frontend app projects, Vue3 component monorepo projects, JS SDK/lib projects, or request a dry-run command preview aligned with this generator. Always require user-provided required parameters and never infer missing required fields.

🇺🇸|EnglishTranslated
3
1 scripts/Attention
Frontend Developmentsyncfusion/pdf-viewer-sdk...

syncfusion-react-pdf-viewer

Implements the Syncfusion React PDF Viewer (PdfViewerComponent) for embedding, configuring, and loading PDF documents. Use this when rendering PDFs in a React application, embedding viewer controls, or generating TSX/HTML code for PDF display and interaction.

🇺🇸|EnglishTranslated
3
Frontend Developmentprojanvil/mindforge

frontend-react

Professional React development skill covering Next.js, React Server Components, Tailwind CSS, and the React ecosystem. Use this skill when building modern React applications, implementing Next.js features, creating UI components with shadcn/ui, or working with complex state management.

🇺🇸|EnglishTranslated
3
Frontend Developmentmicrosoft/power-platform-...

setup-auth

This skill should be used when the user asks to "set up authentication", "add login", "add logout", "configure Entra ID", "set up Azure AD auth", "add Microsoft login", "enable authentication", "set up sign in", "add role-based access", "add authorization", "protect routes", "add auth to my site", "configure identity provider", or wants to set up authentication (login/logout via Microsoft Entra ID) and role-based authorization for their Power Pages code site.

🇺🇸|EnglishTranslated
3
1 scripts/Checked
Frontend Developmentmicrosoft/power-platform-...

create-site

This skill should be used when the user asks to "create a power pages site", "build a code site", "scaffold a website", "create a portal", "make a new site", or wants to create a new Power Pages code site (SPA) using React, Angular, Vue, or Astro.

🇺🇸|EnglishTranslated
3
15 scripts/Attention
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
1...298299300301302...378
Page