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,510 skills, Frontend Development has 4863 skills

Categories

Showing 12 of 4863 skills

Per page
Downloads
Sort
Frontend Developmentnoklip-io/agent-skills

react-19

React 19 patterns and breaking changes vs React 18. Trigger: When writing React 19 components/hooks in .tsx (ref as prop, new hooks, Actions, deprecations). If using Next.js App Router/Server Actions, also use nextjs-15.

🇺🇸|EnglishTranslated
6
Frontend Developmentzhanghandong/makepad-skil...

makepad-font

CRITICAL: Use for Makepad font and text rendering. Triggers on: makepad font, makepad text, makepad glyph, makepad typography, font atlas, text layout, font family, font size, text shaping, makepad 字体, makepad 文字, makepad 排版, makepad 字形

🇺🇸|EnglishTranslated
6
Frontend Developmentmjunaidca/mjs-agent-skill...

styling-with-shadcn

Build beautiful, accessible UIs with shadcn/ui components in Next.js. Use when creating forms, dialogs, tables, sidebars, or any UI components. Covers installation, component patterns, react-hook-form + Zod validation, and dark mode setup. NOT when building non-React applications or using different component libraries.

🇺🇸|EnglishTranslated
6
1 scripts/Checked
Frontend Developmentwhatiskadudoing/fp-ts-ski...

fp-ts-async-practical

Practical async patterns using TaskEither - clean pipelines instead of try/catch hell, with real API examples

🇺🇸|EnglishTranslated
6
Frontend Developmentevanfang0054/cc-system-cr...

react-expert

Use when building React 18+ applications that require component architecture, hooks patterns, or state management. Trigger scenarios include: Server Components, performance optimization, Suspense boundaries, React 19 features.

🇨🇳|ChineseTranslated
6
Frontend Developmentdylantarre/animation-prin...

universal-timing

Use when learning animation timing fundamentals - principles that apply regardless of duration, the foundational rules that scale across all time ranges

🇺🇸|EnglishTranslated
6
Frontend Developmentlaurigates/claude-plugins

bun-build

Bundle or compile with Bun

🇺🇸|EnglishTranslated
6
Frontend Developmentwebflow/webflow-skills

accessibility-audit

Run comprehensive accessibility audit (WCAG 2.1) on Webflow pages - checks buttons, forms, links, focus states, headings, keyboard navigation, and generates detailed reports with fixes. Requires Webflow Designer connection. Excludes image alt text (covered by asset-audit skill).

🇺🇸|EnglishTranslated
6
Frontend Developmentjacbk/persona

fonts

Reference for selecting distinctive typography. Includes font recommendations by vibe, category, archetype, and pairing guidelines for Next.js projects.

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

converting-html-css-to-wpf-xaml

Converts HTML/CSS to WPF CustomControl XAML with correct patterns and common pitfall solutions. Use when transforming web designs to WPF, converting CSS animations to Storyboards, implementing CSS border-radius clipping, CSS pseudo-elements (::before/::after), or CSS transforms in XAML.

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

umbraco-entry-point

Implement entry points in Umbraco backoffice using official docs

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

umbraco-menu-items

Implement menu items in Umbraco backoffice using official docs

🇺🇸|EnglishTranslated
6
1...312313314315316...406
Page