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,473 skills, Frontend Development has 4860 skills

Categories

Showing 12 of 4860 skills

Per page
Downloads
Sort
Frontend Developmentpatternsdev/skills

tree-shaking

Reduce bundle size by eliminating dead code that is never used in your application.

🇺🇸|EnglishTranslated
5
Frontend Developmentsanity-io/agent-toolkit

portable-text-serialization

Render and serialize Portable Text to React, Svelte, Vue, Astro, HTML, Markdown, and plain text. Use when implementing Portable Text rendering in any frontend framework, building custom serializers for non-standard block types, converting Portable Text to HTML strings server-side, converting Portable Text to Markdown, extracting plain text from Portable Text, or troubleshooting rendering issues with marks, blocks, lists, or custom types.

🇺🇸|EnglishTranslated
5
Frontend Developmentpatternsdev/skills

data-provider

Teaches the data provider pattern using renderless components and scoped slots. Use when you need to abstract data fetching or state management logic and expose it to child components via slots.

🇺🇸|EnglishTranslated
5
Frontend Developmentihlamury/design-skills

ghost-ui-skills

Ghost's UI design system. Use when building interfaces inspired by Ghost's aesthetic - dark mode, Inter font, 4px grid.

🇺🇸|EnglishTranslated
5
Frontend Developmentpproenca/dot-skills

react-principle-engineer

React development principles from official documentation. Teaches component purity, state management, effects, refs, reducers, context, and event handling patterns. Use when writing React components with hooks, managing state, synchronizing with external systems, debugging re-renders, or choosing between state management approaches.

🇺🇸|EnglishTranslated
5
Frontend Developmentjakenuts/agent-skills

design-led-development

Build software with elite design principles focusing on user outcomes, trust, accessibility, and performance. Use when creating UI components, designing user flows, writing production code, reviewing code quality, or when the user mentions UX, accessibility, performance, or trust-focused development.

🇺🇸|EnglishTranslated
5
Frontend Developmentsaschabrunnerch/arcgis-ma...

arcgis-portal-content

Manage portal content including saving WebMaps/WebScenes, bookmarks, slides, and portal items. Use for content persistence, WebMap/WebScene configuration, and navigation presets.

🇺🇸|EnglishTranslated
5
Frontend Developmentsaschabrunnerch/arcgis-ma...

arcgis-utility-networks

Work with ArcGIS Utility Networks for modeling and analyzing connected infrastructure. Use for network tracing, associations, and utility asset management.

🇺🇸|EnglishTranslated
5
Frontend Developmentyuki001/game-dev-skills

animation-shader

A specialized skill for implementing and configuring animation-style shaders (Toon Shaders) in 3D rendering engines. It provides guidance on various techniques like outlines, rim lighting, and special effects using popular shader libraries.

🇺🇸|EnglishTranslated
5
Frontend Developmentramunasnognys/workflow-te...

mobile-ux-improver

Mobile-first UX best practices enforcer for web applications. Covers touch targets, responsive design, mobile gestures, performance optimization, and accessibility. Use when creating or editing mobile UI components, implementing responsive layouts, handling touch interactions, optimizing for mobile devices, or working with viewport configurations, breakpoints, and mobile-specific patterns.

🇺🇸|EnglishTranslated
5
Frontend Developmentmassgen/massgen

textual-ui-developer

Develop and debug the MassGen Textual TUI with deterministic replay, snapshot regression tests, and targeted runtime checks.

🇺🇸|EnglishTranslated
5
Frontend Developmentcirscn/cm-reporting

cm-reporting-integration

Integrate and operationalize the `cm-reporting` library in host React applications, including dependency setup, template delivery, component wiring, Snapshot import/export, Excel export, integrations callbacks, and legacy adapter flows. Use when users need to adopt this library, design production integration architecture, implement external pickers, troubleshoot runtime/export issues, or standardize delivery checklists.

🇺🇸|EnglishTranslated
5
1 scripts/Checked
1...363364365366367...405
Page