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 52,033 skills, Frontend Development has 4963 skills

Categories

Showing 12 of 4963 skills

Per page
Downloads
Sort
Frontend Developmentvercel-labs/json-render

react

React renderer for json-render that turns JSON specs into React components. Use when working with @json-render/react, building React UIs from JSON, creating component catalogs, or rendering AI-generated specs.

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

core

Core package for defining schemas, catalogs, and AI prompt generation for json-render. Use when working with @json-render/core, defining schemas, creating catalogs, or building JSON specs for UI/video generation.

🇺🇸|EnglishTranslated
90
Frontend Developmentwix/skills

wix-cli-dashboard-page

Use when building admin interfaces, management pages, CRUD operations, or dashboard configuration UIs. Triggers include dashboard, admin panel, data management, settings pages.

🇺🇸|EnglishTranslated
89
Frontend Developmentdedalus-erp-pas/foundatio...

design-compliance

Audit automatique de conformité au design system Hexagone (PrimeVue 4 + Tailwind CSS 4 + tokens Hexagone). Analyse le code source et l'UI rendue d'une page ou d'un composant, détecte les violations, corrige automatiquement et produit un rapport — le tout sans intervention de l'utilisateur.

🇺🇸|EnglishTranslated
89
Frontend Developmentwghust/stark-skills

create-favicon

Generate a standards-aligned browser favicon.ico from a user-supplied source image, embedding PNG rasters at 32×32, 48×48, and 180×180 in one ICO container. Use when the user asks to create a favicon, 生成 favicon、网站图标、从图片做 ico、favicon.ico、create favicon from image. 从用户提供的源图生成含 32/48/180 三档尺寸的 favicon.ico(ICO 内嵌 PNG)。若用户未上传或未指定可用源图,必须中止并提示上传/路径。

🇺🇸|EnglishTranslated
88
Frontend Developmentyavuzozguven/web-builder

web-builder-revise

Use when the user is editing an existing web-builder project. Conducts a structured mini-Q&A to capture what to change, normalizes the intent, and returns a change record for the orchestrator to act on.

🇺🇸|EnglishTranslated
88
Frontend Developmentsamber/cc-skills

frontend-design-deslop

Produce distinctive, non-generic UI and design applications well, working strategy-first. Identify the project (landing page, SaaS app, dashboard, ecommerce, presentation, docs, portfolio...) and its positioning and personality, commit to brand adjectives, translate into a typography and color system, then apply the craft layer (layout, components and states, motion, iconography, imagery, dark mode and theming, accessibility), avoiding the AI-slop / Claude-esque default. This is both a de-slop and an expert app-design skill. Use this whenever building or styling any web frontend, app, dashboard, landing page, deck, or artifact, or when the user says "make it not look like AI", "de-slopify", "deslop", "less generic", "give it character", "design a UI for X", "design an app", "update DESIGN.md", or complains the output looks like every other AI site. Trigger even when the user just says "build a UI for X" without naming an aesthetic, because the default without this skill is slop.

🇺🇸|EnglishTranslated
87
Frontend Developmentdiffusionstudio/lottie

text-to-lottie

Author a Lottie (Bodymovin) JSON animation that renders in a local skia player. Use whenever the user asks to create, generate, edit, or fix a Lottie animation, or asks for "an animation" to load.

🇺🇸|EnglishTranslated
87
Frontend Developmentsyncfusion/winforms-ui-co...

syncfusion-winforms-gradient-label

Implement Syncfusion WinForms GradientLabel control - an enhanced label with gradient backgrounds and custom borders. Use this when creating visually styled labels, colorful headers, or decorative text displays. Covers gradient effects, custom borders, shading configuration, and appearance customization for attractive label designs in Windows Forms applications.

🇺🇸|EnglishTranslated
87
Frontend Developmentsyncfusion/winforms-ui-co...

syncfusion-winforms-main-frame-bar-manager

Comprehensive guide for implementing Syncfusion MainFrameBarManager menu and toolbar system in Windows Forms. Use when creating menus, toolbars, command bars, or menu structures. Covers hierarchical menu models, BarItem types, interactive features, keyboard support, MDI integration, and state persistence for building professional menu-driven applications with shortcuts, mnemonics, tooltips, and customizable toolbars.

🇺🇸|EnglishTranslated
87
Frontend Developmentsyncfusion/winui-ui-compo...

syncfusion-winui-autocomplete

Guide implementation of the Syncfusion WinUI AutoComplete control (SfAutoComplete) for creating searchable dropdowns with single or multiple selection, filtering suggestions, and customizable token display. Use this skill when implementing search-as-you-type functionality, autocomplete dropdowns with multi-select, tagging systems with token/chip display, or filtered suggestion boxes in WinUI applications.

🇺🇸|EnglishTranslated
87
Frontend Developmentbulls-cows/skills

yy-frontend-commit

Frontend Code Commit Assistant, triggered in frontend projects with src directory structure. Summarize modified files under the src directory, generate standardized commit messages, and automatically execute add and commit operations. Supports features such as forbidden directory filtering, intelligent file selection, conflict detection, and multi-change separation. Note: Push operations are prohibited.

🇨🇳|ChineseTranslated
86
1...1213141516...414
Page