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 44,628 skills, Frontend Development has 4530 skills

Categories

Showing 12 of 4530 skills

Per page
Downloads
Sort
Frontend Developmentoimiragieo/agent-studio

starknet-react-rules

Specific rules for Starknet React projects, focusing on blockchain integration.

🇺🇸|EnglishTranslated
2
1 scripts/Checked
Frontend Developmentoimiragieo/agent-studio

vercel-ai-sdk-best-practices

Best practices for using the Vercel AI SDK in Next.js 15 applications with React Server Components and streaming capabilities.

🇺🇸|EnglishTranslated
2
1 scripts/Checked
Frontend Developmentrodydavis/skills

file-based-routing-for-static-sites

Learn how to create a multi-page static site with file-based routing using TypeScript, allowing for quick updates and easy content management.

🇺🇸|EnglishTranslated
2
Frontend Developmentrodydavis/skills

async-preact-signals

Explore how to effectively manage asynchronous data with Preact Signals by creating a custom `asyncSignal` that handles loading, error, and data states without breaking the synchronous nature of signals.

🇺🇸|EnglishTranslated
2
Frontend Developmentrodydavis/skills

building-a-html-element-sandbox-with-lit

Learn how to build a Lit web component to create a dynamic HTML element sandbox with live updates, perfect for experimenting with and showcasing web components.

🇺🇸|EnglishTranslated
2
Frontend Developmenttomlord1122/tomtom-skill

frontend-architect

Frontend architecture expert. Use when planning component architecture, state management strategies, performance optimization, or technology selection decisions.

🇺🇸|EnglishTranslated
2
Frontend Developmentanimaapp/mcp-server-guide

anima

Turns ideas into live, full-stack web applications with editable code, built-in database, user authentication, and hosting. Anima is the design agent in the AI swarm, giving agents design awareness and brand consistency when building interfaces. Three input paths: describe what you want (prompt to code), clone any website (link to code), or implement a Figma design (Figma to code). Also generates design-aware code from Figma directly into existing codebases. Triggers when the user provides Figma URLs, website URLs, Anima Playground URLs, asks to design, create, build, or prototype something, or wants to publish or deploy.

🇺🇸|EnglishTranslated
2
Frontend Developmentgentleman-programming/gen...

zod-4

Zod 4 schema validation patterns. Trigger: When using Zod for validation - breaking changes from v3.

🇺🇸|EnglishTranslated
2
Frontend Developmentgentleman-programming/gen...

electron

Electron patterns for building cross-platform desktop applications. Trigger: When building desktop apps, working with Electron main/renderer processes, IPC communication, or native integrations.

🇺🇸|EnglishTranslated
2
Frontend Developmentgentleman-programming/gen...

nextjs-15

Next.js 15 App Router patterns. Trigger: When working with Next.js - routing, Server Actions, data fetching.

🇺🇸|EnglishTranslated
2
Frontend Developmentzekiwest/agent-skills

figma-driven-nextjs

Figma-driven Next.js development skill. Automatically triggered when users mention 'based on Figma', 'follow the design draft', provide Figma links or MCP data.

🇨🇳|ChineseTranslated
2
Frontend Developmentyonatangross/orchestkit

vite-advanced

Advanced Vite 7+ patterns including Environment API, plugin development, SSR configuration, library mode, and build optimization. Use when customizing build pipelines, creating plugins, or configuring multi-environment builds.

🇺🇸|EnglishTranslated
2
3 scripts/Checked
1...317318319320321...378
Page