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,502 skills, Frontend Development has 4863 skills

Categories

Showing 12 of 4863 skills

Per page
Downloads
Sort
Frontend Developmentbogusweb/workspace-contex...

domain-readme

Generates or updates a README.md for a domain library. Analyzes the library's source code, exports, NgRx stores, services, and components to produce accurate architecture documentation. Use when a library is missing a README or when it needs updating.

🇺🇸|EnglishTranslated
6
1 scripts/Checked
Frontend Developmenttoilahuongg/shopify-agent...

shopify-api

Comprehensive guide for Shopify APIs in Remix apps. Covers Admin GraphQL/REST, Storefront API, all resources (products, orders, customers, inventory, collections, discounts, fulfillments, metafields, files), bulk operations, webhooks, resource pickers, and TypeScript patterns. Use when querying/mutating Shopify data or building integrations.

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

shopify-app-i18n

Guide for adding Multi-language support to Shopify Apps using i18next. Covers setup, localization files, and Admin context.

🇺🇸|EnglishTranslated
6
Frontend Developmenthit-pay/agent-skills

hitpay

Integrate HitPay payment gateway for online payments in Next.js and JS/TS applications. Use when user says "Add HitPay", "HitPay checkout", "HitPay payments", "HitPay webhook", "HitPay QR code", "PayNow integration", or "HitPay integration".

🇺🇸|EnglishTranslated
6
1 scripts/Checked
Frontend Developmentkaotypr/skills

base-ui-react

Guide for building UI with Base UI React (@base-ui/react), a headless, accessible component library using compound component patterns. Use this skill whenever the user is building or modifying any user interface in React, including forms and validation, navigation and menus, modals and overlays, selection controls, toast notifications, accordions, tabs, or any interactive UI component. Also trigger when the user mentions @base-ui/react, Base UI, headless components, migrating from Radix UI, or asks about accessible component patterns. Even if the user does not explicitly mention Base UI, use this skill whenever they are creating React UI components, building a design system, or working on frontend user experience.

🇺🇸|EnglishTranslated
6
Frontend Developmentsmnandre/symfony-ux-skill...

symfony-ux

Symfony UX frontend stack combining Stimulus, Turbo, TwigComponent and LiveComponent. Use when building modern Symfony frontends, choosing between UX tools, creating interactive components, handling real-time updates, or integrating multiple UX packages. Triggers - symfony ux, hotwire symfony, stimulus turbo, live component, twig component, frontend symfony, interactive ui, real-time symfony, which ux package, which tool should I use, how to make this interactive, SPA feel, reactive component, server-rendered component. Also trigger when the user asks a general question about frontend architecture in Symfony or wants to combine multiple UX packages together.

🇺🇸|EnglishTranslated
6
Frontend Developmentvercel-labs/json-render

redux

Redux adapter for json-render's StateStore interface. Use when integrating json-render with Redux or Redux Toolkit for state management via @json-render/redux.

🇺🇸|EnglishTranslated
6
Frontend Developmentvercel-labs/json-render

remotion

Remotion renderer for json-render that turns JSON timeline specs into videos. Use when working with @json-render/remotion, building video compositions from JSON, creating video catalogs, or rendering AI-generated video timelines.

🇺🇸|EnglishTranslated
6
Frontend Developmentmodule-federation/core

mf-integrate

Integrate Module Federation into an existing project — add provider (exposes modules) or consumer (loads remote modules) configuration. Use when the user wants to add Module Federation to an existing Rsbuild / Rspack / Webpack / Modern.js / Next.js / Vite project, set up a remote, create a host app, or quickly consume the demo provider to see MF working. Default role is consumer.

🇺🇸|EnglishTranslated
6
Frontend Developmentorderlynetwork/skills

orderly-sdk-debugging

Debug and troubleshoot common issues with the Orderly SDK including errors, WebSocket issues, authentication problems, and trading failures.

🇺🇸|EnglishTranslated
6
Frontend Developmenthhu3637kr/skills

obsidian-plugin-dev

Obsidian 插件开发指南,提供项目初始化模板、配置文件、常见问题解决方案和 API 使用示例。当需要开发 Obsidian 插件、解决 Obsidian 插件开发问题、或查询 Obsidian API 用法时使用。触发场景:(1) 创建新的 Obsidian 插件项目,(2) 配置 esbuild/TypeScript 构建环境,(3) 解决 Node.js 模块加载问题,(4) 使用 Obsidian API(文件操作、frontmatter、UI 组件、命令注册、事件监听),(5) 调试 Obsidian 插件。

🇺🇸|EnglishTranslated
6
Frontend Developmentjeremylongshore/claude-co...

accessibility-audit-runner

Accessibility Audit Runner - Auto-activating skill for Frontend Development. Triggers on: accessibility audit runner, accessibility audit runner Part of the Frontend Development skill category.

🇺🇸|EnglishTranslated
6
1...338339340341342...406
Page