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

Categories

Showing 12 of 4865 skills

Per page
Downloads
Sort
Frontend Developmentopen-circle/agent-skills

formisch

Form handling with Formisch, the type-safe form library for modern frameworks. Use when the user needs to create forms, handle form state, validate form inputs, or work with Formisch.

🇺🇸|EnglishTranslated
8
Frontend Developmentfusengine/agents

react-effects-audit

Audit React components for unnecessary useEffect patterns. Detects 9 anti-patterns from "You Might Not Need an Effect" and proposes fixes with severity levels.

🇺🇸|EnglishTranslated
8
Frontend Developmentsanky369/vibe-building-sk...

loading-states

Design effective loading states, skeleton screens, and empty states that maintain user confidence. Use when content takes time to load, when showing progress, or handling empty data scenarios. Triggers on "loading state", "skeleton screen", "empty state", "spinner", "progress bar", "loading animation", "zero state".

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

implementing-wpf-validation

Implements WPF data validation using ValidationRule, IDataErrorInfo, and INotifyDataErrorInfo. Use when building forms, validating user input, or displaying validation errors in UI.

🇺🇸|EnglishTranslated
8
Frontend Developmentyinhangfeng/vuact

vuact

Vuact best practices and integration guide. Use it to bring the React component ecosystem into Vue projects, or the Vue component ecosystem into React projects, with two-way interoperability for components, events, reactivity, Context, Ref, and more.

🇺🇸|EnglishTranslated
8
Frontend Developmentbbeierle12/skill-mcp-clau...

d3js-visualization

Create D3.js charts and interactive data visualizations. Use when building bar charts, line charts, scatter plots, pie charts, force-directed graphs, geographic maps, or any custom data visualization.

🇺🇸|EnglishTranslated
8
Frontend Developmentzixun-github/aisdlc

frontend-page-discovery

Use when you need to generate "page list → function points → business processes → business rules" with evidence from frontend code, and the project has non-unique routing entries, complex dynamic routes/permissions/backend menus, and the team is prone to making assumptions or missing evidence chains.

🇨🇳|ChineseTranslated
8
Frontend Developmentalpha-innovation-labs/rat...

ratkit

Comprehensive guide for the ratkit Rust TUI component library built on ratatui 0.29, including feature flags, APIs, and implementation patterns. Use when building, debugging, or extending ratkit applications and examples.

🇺🇸|EnglishTranslated
8
Frontend Developmentcommercengine/skills

ce-setup

Set up the Commerce Engine TypeScript SDK in any project. Framework detection, token storage selection, environment variables, and migration guidance.

🇺🇸|EnglishTranslated
8
Frontend Developmentgiikin/skills

zerone-cli

Usage specifications for the Zerone CLI toolset. It covers four core functions: API interface code generation (zerone api), font icon management (zerone font_grabber), frontend project scaffolding (create-zerone), and work log generation (zerone log). This skill should be used in the following scenarios: generating API modules, generating interface code, updating interfaces, pnpm api, adding backend interface modules, iconfont font icons, updating icons, pnpm font, icon usage, creating frontend projects, pnpm create zerone, scaffolding initialization, daily work reports, weekly reports, monthly reports, zerone log. It should even be triggered when the user only mentions keywords such as "interface", "icon", "new project", "daily/weekly report".

🇨🇳|ChineseTranslated
8
Frontend Developmenttoilahuongg/shopify-agent...

typescript

Best practices and guidelines for TypeScript (2025-2026 Edition), focusing on TS 5.x+, modern type safety, and performance.

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

clean-architecture-ts

Best practices for implementing Clean Architecture in Remix/TypeScript apps. Covers Service Layer, Repository Pattern, and Dependency Injection.

🇺🇸|EnglishTranslated
8
1...269270271272273...406
Page