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,037 skills, Frontend Development has 4964 skills

Categories

Showing 12 of 4964 skills

Per page
Downloads
Sort
Frontend Developmentthedivergentai/gd-agentic...

godot-ui-containers

Expert blueprint for responsive UI layouts using Container nodes (HBoxContainer, VBoxContainer, GridContainer, MarginContainer, ScrollContainer). Covers size flags, anchors, split containers, and dynamic layouts. Use when building adaptive interfaces OR implementing responsive menus. Keywords Container, HBoxContainer, VBoxContainer, GridContainer, size_flags, EXPAND_FILL, anchors, responsive.

🇺🇸|EnglishTranslated
7
Frontend Developmentg1joshi/agent-skills

astro

Astro static site builder with islands architecture and content collections. Use for content sites.

🇺🇸|EnglishTranslated
7
Frontend Developmentgoncy/skills

nextjs-caching

Provides expert guidance on Next.js caching behavior, including use cache directive, revalidation strategies, ISR patterns, and common pitfalls. Use when working with Next.js caching, revalidatePath, revalidateTag, use cache, or stale-while-revalidate patterns.

🇺🇸|EnglishTranslated
7
Frontend Developmentmarius-townhouse/effectiv...

ts-check-jsdoc-experiment

Use when experimenting with TypeScript. Use when migrating JavaScript gradually. Use when adding types to JS files. Use when teams are learning TypeScript. Use when validating JavaScript with types.

🇺🇸|EnglishTranslated
7
Frontend Developmentumbraco/umbraco-cms-backo...

umbraco-sorter

Implement drag-and-drop sorting with UmbSorterController in Umbraco backoffice

🇺🇸|EnglishTranslated
7
Frontend Developmentzeroasterisk/cuj-screensh...

cuj-screenshots

Capture Critical User Journey (CUJ) screenshots and GIFs from web apps using headless Chromium. Use when you need to create visual demos, verify UI changes, or document user flows.

🇺🇸|EnglishTranslated
7
1 scripts/Checked
Frontend Developmentopenclaudia/openclaudia-s...

schema-markup

Generate Schema.org structured data (JSON-LD) for any page type. Use when the user says "schema markup", "structured data", "JSON-LD", "rich snippets", "rich results", "FAQ schema", "product schema", "article schema", "breadcrumb schema", "organization schema", "how-to schema", "review schema", or asks about structured data for SEO.

🇺🇸|EnglishTranslated
7
Frontend Developmentdrupal-canvas/skills

canvas-component-metadata

Define valid component.yml metadata for Canvas components, including props, slots, and enums. Use when (1) Creating a new component, (2) Adding or modifying props, (3) Troubleshooting "not a valid choice" or prop type errors, (4) Mapping enums to CVA variants.

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

typescript-migration

Guide pour la migration incrémentale de codebases JavaScript vers TypeScript. Couvre la configuration tsconfig, la migration fichier par fichier, les stratégies de typage pour le code legacy, la gestion du `any` et les pièges courants. À utiliser quand l'utilisateur veut convertir du JS en TS, ajouter des types au code existant, configurer TypeScript dans un projet JS ou améliorer la sûreté de typage.

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

syncfusion-winui-masked-textbox

Guide for implementing Syncfusion WinUI MaskedTextBox (SfMaskedTextBox) for validated text input with customizable mask patterns. Use this when implementing masked input fields, formatted data entry (phone numbers, dates, SSN, IP addresses), or restricting text input to specific patterns in WinUI applications. This skill covers mask configuration, prompt characters, and error indication.

🇺🇸|EnglishTranslated
7
Frontend Developmentsickn33/antigravity-aweso...

tanstack-query-expert

Expert in TanStack Query (React Query) — asynchronous state management. Covers data fetching, stale time configuration, mutations, optimistic updates, and Next.js App Router (SSR) integration.

🇺🇸|EnglishTranslated
7
Frontend Developmentpixel-process-ug/superkit...

react-best-practices

Use when the user needs React-specific patterns — hooks, component composition, Server Components, error boundaries, rendering optimization, and testing strategies. Triggers: hooks design, component composition, Server vs Client component decision, error boundary placement, context optimization, rendering performance.

🇺🇸|EnglishTranslated
7
1...393394395396397...414
Page