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,524 skills, Frontend Development has 4865 skills

Categories

Showing 12 of 4865 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
11
Frontend Developmentepicenterhq/epicenter

arktype

Arktype patterns for discriminated unions using .merge() and .or(), spread key syntax, and type composition. Use when building union types, combining base schemas with variants, or defining command/event schemas with arktype.

🇺🇸|EnglishTranslated
11
Frontend Developmentspqw/skill-observable-fra...

observable-framework-input-search

Search input component in Observable Framework — filter tabular data.

🇺🇸|EnglishTranslated
11
Frontend Developmentkprsnt2/mylocalcli

vue

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

🇺🇸|EnglishTranslated
11
Frontend Developmentchristian289/dotnet-with-...

formatting-culture-aware-data

Formats dates, numbers, and currency with culture awareness in WPF. Use when displaying localized data formats or building international applications.

🇺🇸|EnglishTranslated
11
Frontend Developmentsamhvw8/dot-claude

aesthetic

Visual design intelligence and UI aesthetics. Integrates: chrome-devtools, ai-multimodal, media-processing. Capabilities: design analysis, visual hierarchy, color theory, typography, micro-interactions, animation, design systems, accessibility. Actions: analyze, design, create, capture, evaluate, implement UI aesthetics. Keywords: Dribbble, Behance, Mobbin, design inspiration, visual hierarchy, color palette, typography, spacing, animation, micro-interaction, design system, style guide, accessibility, WCAG, contrast ratio, golden ratio, whitespace, visual rhythm. Use when: building beautiful UIs, analyzing design inspiration, implementing visual hierarchy, adding animations/micro-interactions, creating design systems, evaluating aesthetic quality, capturing design screenshots.

🇺🇸|EnglishTranslated
11
Frontend Developmentkostja94/marketing-skills

top-banner-generator

When the user wants to add, optimize, or audit a top announcement bar or sticky banner. Also use when the user mentions "announcement bar," "top banner," "sticky bar," "promo banner," "header banner," "announcement bar design," "sticky header," "promo bar," "urgency banner," or "lead capture bar."

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

nextjs-app-router

PostHog integration for Next.js App Router applications

🇺🇸|EnglishTranslated
11
Frontend Developmentfreshtechbro/claudedesign...

threejs-webgl

Comprehensive skill for Three.js 3D web development. Use this skill when building interactive 3D scenes, WebGL/WebGPU applications, product configurators, 3D visualizations, or immersive web experiences. Triggers on tasks involving Three.js, 3D rendering, scenes, cameras, meshes, materials, lights, animations, textures, or WebGL/WebGPU rendering.

🇺🇸|EnglishTranslated
11
2 scripts/Checked
Frontend Developmentoimiragieo/agent-studio

nextjs-expert

Next.js framework expert including App Router, Server Components, and API routes

🇺🇸|EnglishTranslated
11
3 scripts/Checked
Frontend Developmentjeremylongshore/claude-co...

aria-attribute-helper

Aria Attribute Helper - Auto-activating skill for Frontend Development. Triggers on: aria attribute helper, aria attribute helper Part of the Frontend Development skill category.

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

shopify-polaris-viz

Guide for creating data visualizations in Shopify Apps using the Polaris Viz library. Use this skill when building charts, graphs, dashboards, or any data visualization components that need to integrate with the Shopify Admin aesthetic. Covers BarChart, LineChart, DonutChart, SparkLineChart, and theming.

🇺🇸|EnglishTranslated
11
1...140141142143144...406
Page