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,615 skills, Frontend Development has 4876 skills

Categories

Showing 12 of 4876 skills

Per page
Downloads
Sort
Frontend Developmenthoodini/ai-agents-skills

analytics-metrics

Build data visualization and analytics dashboards. Use when creating charts, KPI displays, metrics dashboards, or data visualization components. Triggers on analytics, dashboard, charts, metrics, KPI, data visualization, Recharts.

🇺🇸|EnglishTranslated
10
Frontend Developmenttheorcdev/8bitcn-ui

fumadocs-component-docs

Create component documentation with installation, usage examples, and preview sections. Apply when documenting 8-bit components with proper structure and examples.

🇺🇸|EnglishTranslated
10
Frontend Developmentpartme-ai/full-stack-skil...

avue-crud

Provides comprehensive guidance for Avue CRUD component including table operations, form handling, and data management. Use when the user asks about Avue CRUD, needs to implement table CRUD operations, or build data management interfaces.

🇺🇸|EnglishTranslated
10
Frontend Developmentleastbit/claude_skills_zh...

frontend-design

Create unique, production-grade high-quality frontend interfaces. Use this skill when users request to build web components, pages, works, posters, or applications (e.g., websites, landing pages, dashboards, React components, HTML/CSS layouts, or styling any web UI). Generate creative, polished code and UI designs that avoid generic AI aesthetics.

🇨🇳|ChineseTranslated
10
Frontend Developmentmodu-ai/moai-adk

moai-tool-svg

SVG creation, optimization, and transformation specialist. Use when creating vector graphics, optimizing SVG files with SVGO, implementing icon systems, building data visualizations, or adding SVG animations.

🇺🇸|EnglishTranslated
10
Frontend Developmentsablier-labs/agent-skills

tailwind-css

This skill should be used when the user asks about "Tailwind CSS", "tailwind-variants", "tv() function", "CSS-first configuration", "Tailwind breaking changes", mentions styling with Tailwind utilities, gradient syntax, or component variants with TypeScript.

🇺🇸|EnglishTranslated
10
Frontend Developmentpluginagentmarketplace/cu...

functions

Advanced function patterns including declaration styles, closures, scope chains, hoisting, and this binding. Master function composition and advanced techniques.

🇺🇸|EnglishTranslated
10
2 scripts/Checked
Frontend Developmentmengto/skills

progressive-blur

Create a layered CSS progressive blur (top or bottom) using multiple backdrop-filter masks for depth and softness. Use when asked for “progressive blur”, “gradient blur overlay”, or stepped blur masks that fade from an edge of the viewport.

🇺🇸|EnglishTranslated
10
Frontend Developmentdchuk/claude-code-tauri-s...

managing-tauri-plugin-permissions

Guides users through configuring Tauri plugin permissions, capabilities, and security. Covers platform-specific capabilities, window-targeted permissions, using official and community plugin permissions, and writing custom plugin permissions with scopes.

🇺🇸|EnglishTranslated
10
Frontend Developmentdchuk/claude-code-tauri-s...

understanding-tauri-ipc

Teaches the assistant about Tauri IPC (Inter-Process Communication) patterns including brownfield and isolation approaches for secure message passing between frontend and Rust backend.

🇺🇸|EnglishTranslated
10
Frontend Developmentdchuk/claude-code-tauri-s...

migrating-tauri-apps

Assists users with migrating Tauri applications from v1 to v2 stable, and from v2 beta to v2 stable, covering breaking changes, configuration updates, API migrations, and plugin system changes.

🇺🇸|EnglishTranslated
10
Frontend Developmentoscardrt/supastarter-next...

supastarter-nextjs-skill

Guides development with supastarter for Next.js only (not Vue/Nuxt): tech stack, setup, configuration, database (Prisma), API (Hono/oRPC), auth (Better Auth), organizations, payments (Stripe), AI, customization, storage, mailing, i18n, SEO, deployment, background tasks, analytics, monitoring, E2E. Use when building or modifying supastarter Next.js apps, adding features, or when the user mentions supastarter Next.js, Prisma, oRPC, Better Auth, or related Next.js stack topics.

🇺🇸|EnglishTranslated
10
1 scripts/Checked
1...199200201202203...407
Page