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 53,207 skills, Frontend Development has 5059 skills

Categories

Showing 12 of 5059 skills

Per page
Downloads
Sort
Frontend Developmentaprilnea/gpui-skills

gpui

GPUI UI framework best practices for building desktop applications. Use when writing GPUI code, creating UI components, handling state/events, async tasks, animations, lists, forms, testing, or working with Zed-style Rust GUI code.

🇺🇸|EnglishTranslated
6
Frontend Developmentdart-lang/skills

dart-web-development

Build high-performance web apps using modern interop and browser APIs.

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

syncfusion-winui-shimmer

Guide for implementing the Syncfusion WinUI Shimmer control to display loading placeholders and skeleton screens. Use this skill when implementing shimmer effects, skeleton screens, content loading animations, or loading placeholders during data fetching in WinUI applications. Essential for enhancing perceived performance during async operations, list loading, profile loading, article loading, or any content loading scenario requiring visual feedback.

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

syncfusion-winforms-range-slider

Complete guide for implementing Syncfusion RangeSlider control in Windows Forms for dual-thumb value selection. Use when creating range selection interfaces with SliderMin/SliderMax configuration, ChannelColor customization, or RangeColor styling. Covers range bound configuration, slider appearance customization, event handling, and building range selection UI components.

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

syncfusion-winforms-navigation-view

Guide for implementing Syncfusion NavigationView control in Windows Forms for breadcrumb navigation and hierarchical path tracking. Use when building file explorers, folder browsers, or file browser-style interfaces with breadcrumb trails. Covers breadcrumb navigation, dropdown navigation, history tracking, and hierarchical bar structures for path-based location tracking with dropdown child selection.

🇺🇸|EnglishTranslated
6
Frontend Developmentcooksaw/claude-skills

pixel-art-game-builder

Expert skill for building pixel art idle/incremental games with procedural sprite generation, React/TypeScript/Zustand architecture, and contemplative game design. Use when creating pixel art games, implementing idle game mechanics, generating procedural sprites via Canvas API, building collection-based games, or implementing incremental game economies. Triggers on requests for pixel art, idle games, sprite generation, incremental games, collection games, or contemplative game experiences.

🇺🇸|EnglishTranslated
6
3 scripts/Attention
Frontend Developmentpedronauck/skills

storybook-stories

Create, update, or refactor Storybook stories following the project's standard patterns. Use this skill when adding stories for new components, updating existing stories, or fixing Storybook-related issues.

🇺🇸|EnglishTranslated
6
Frontend Developmentpatternsdev/skills

server-side-rendering

Generate HTML on the server in response to user requests for faster initial page loads and SEO.

🇺🇸|EnglishTranslated
6
Frontend Developmentpatternsdev/skills

dynamic-components

Teaches dynamic component switching with Vue's <component> element. Use when you need to render different components conditionally based on runtime state using the is attribute.

🇺🇸|EnglishTranslated
6
Frontend Developmentsonofmagic/skills

native-to-weapp-vite-wevu-migration

Apply a structured migration workflow from native mini-program projects to weapp-vite and wevu. Use when converting Page/Component code to Vue SFC, replacing setData-heavy state updates with ref/reactive, migrating properties/observers/triggerEvent contracts, introducing platform guards, and building migration-focused e2e validation and rollback checkpoints.

🇨🇳|ChineseTranslated
6
Frontend Developmentfusengine/agents

tailwindcss-effects

Effects utilities Tailwind CSS v4.1. Shadows (shadow-*, shadow-color, inset-shadow-* NEW), Opacity (opacity-*), Filters (blur, brightness, contrast, grayscale, sepia), Backdrop filters (backdrop-blur-*, backdrop-brightness-*), Masks (mask-* NEW).

🇺🇸|EnglishTranslated
6
Frontend Developmentohing504/skills

agent-portfolio

Generate a personalized portfolio site from agent-reference reports and deploy it to GitHub Pages. The site reflects the user's working style as observed by their AI collaborators — AI analyzes the reports, proposes a design concept, scaffolds an Astro site with concept-based theming, and deploys to {username}.github.io. Use this skill whenever the user asks to "build my portfolio", "create portfolio site", "make a site from my reports", "deploy to github pages", "github.io site", or says things like "포트폴리오 사이트 만들어줘", "사이트 배포해줘", or wants to turn agent-reference reports into a live website. Also triggers when the user has agent-reference reports ready and wants to publish them as a site, wants a personal site generated from AI collaboration data, or asks to update/redeploy an existing agent portfolio. Do NOT use for general Astro development, generic website building, agent-reference analysis without site generation, or resume writing that does not involve deploying a site.

🇺🇸|EnglishTranslated
6
1...404405406407408...422
Page