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,897 skills, Frontend Development has 4534 skills

Categories

Showing 12 of 4534 skills

Per page
Downloads
Sort
Frontend Developmentshajar5110/hackathon-ii-p...

fullstack-developer

Complete full-stack development with Next.js 13+, React, Firebase, Tailwind CSS, and payment integration (Stripe, JazzCash, EasyPaisa). Build production-ready e-commerce platforms, SaaS applications, and scalable web applications. Comprehensive coverage of frontend architecture, backend API routes, database design, authentication systems, payment processing, form handling, error management, and optimization. Generate complete project structures, pages, components, API routes, database schemas, security rules, and deployment configurations using TypeScript.

🇺🇸|EnglishTranslated
1
Frontend Developmentkprsnt2/mylocalcli

vue

Vue.js development best practices including Composition API, state management, and performance.

🇺🇸|EnglishTranslated
1
Frontend Developmentworkleap/wl-logging

workleap-web-configs

Workleap's shared web configuration packages (@workleap/eslint-configs, typescript-configs, rsbuild-configs, rslib-configs, stylelint-configs, browserslist-config). Use when: (1) Setting up or customizing shared web tooling configs in a Workleap project (2) Configuring ESLint by project type (web app, React library, TS library, monorepo) (3) Configuring TypeScript by project type (web-application, library, monorepo-workspace) (4) Configuring Rsbuild or Rslib bundling (dev, build, Storybook) (5) Configuring Stylelint, Browserslist, or monorepo (Turborepo) vs polyrepo strategies (6) Extending or customizing shared configs, troubleshooting ESM/ESNext constraints

🇺🇸|EnglishTranslated
1
Frontend Developmentwilliamrosscrane/event-pl...

nextjs-app-router

PostHog integration for Next.js App Router applications

🇺🇸|EnglishTranslated
1
Frontend Developmentoakoss/agent-skills

design-system

Builds scalable design systems with tokens, theming, and component architecture. Use when creating design token hierarchies, theming systems, component variant patterns, or accessibility foundations. Use for design tokens, CVA variants, dark mode, multi-brand theming, Radix headless UI, Storybook documentation, and governance.

🇺🇸|EnglishTranslated
1
Frontend Developmentbrianlovin/claude-config

playwriter

Control the user's currently open Chrome tab through the Playwriter CLI (no new browser launch). Use when you need to inspect live UI state, run scripted browser actions, capture console output, or reproduce frontend issues directly in the user's tab.

🇺🇸|EnglishTranslated
1
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
1
Frontend Developmentthe-perfect-developer/the...

html

Apply Google HTML style guide conventions to HTML code

🇺🇸|EnglishTranslated
1
Frontend Developmentoakoss/agent-skills

threejs

Builds 3D web experiences with Three.js, WebGPU rendering, TSL shaders, and React Three Fiber. Covers scene setup, asset optimization, performance tuning, and React 19 integration. Use when creating 3D scenes, setting up WebGPU rendering, writing TSL shaders, optimizing draw calls, or integrating Three.js with React and Next.js.

🇺🇸|EnglishTranslated
1
Frontend Developmentenderpuentes/ai-agent-ski...

typescript

Use TypeScript for type-safe JavaScript: types, interfaces, generics, narrowing, tsconfig, modules, and strict mode. Use when writing or reviewing TypeScript, configuring tsconfig.json, defining types or interfaces, generics, type inference, or when the user mentions TypeScript, TS, or type checking.

🇺🇸|EnglishTranslated
1
Frontend Developmenttambo-ai/tambo

generative-ui

Create a new Tambo generative UI app from scratch. Use for brand-new projects where users describe UI in natural language. For existing apps, use build-with-tambo.

🇺🇸|EnglishTranslated
1
Frontend Developmentwavetermdev/waveterm

create-view

Guide for implementing a new view type in Wave Terminal. Use when creating a new view component, implementing the ViewModel interface, registering a new view type in BlockRegistry, or adding a new content type to display within blocks.

🇺🇸|EnglishTranslated
1
1...374375376377378
Page