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 31,118 skills, Frontend Development has 3067 skills

Categories

Showing 12 of 3067 skills

Per page
Downloads
Sort
Frontend Developmentwondelai/skills

refactoring-ui

Practical UI design system based on Refactoring UI (Wathan & Schoger). Use when creating or improving user interfaces, web components, dashboards, landing pages, or any visual design work. Applies to HTML/CSS, React, Tailwind, or any frontend output. Triggers on requests for UI design, styling, layout, color schemes, typography, visual hierarchy, or making interfaces "look better."

🇺🇸|EnglishTranslated
2
Frontend Developmentdicklesworthstone/agent_f...

ui-ux-polish

Iterative UI/UX polishing workflow for web applications. The exact prompt and methodology for achieving Stripe-level visual polish through multiple passes.

🇺🇸|EnglishTranslated
2
Frontend Developmentaj-geddes/useful-ai-promp...

frontend-accessibility

Implement WCAG compliance using semantic HTML, ARIA, keyboard navigation, and screen reader support. Use when building inclusive applications for all users.

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

web3-frontend

Master Web3 frontend development with wallet integration, viem/wagmi, and dApp UX

🇺🇸|EnglishTranslated
2
1 scripts/Checked
Frontend Developmentexistential-birds/beagle

react-flow-implementation

Implements React Flow node-based UIs correctly using @xyflow/react. Use when building flow charts, diagrams, visual editors, or node-based applications with React. Covers nodes, edges, handles, custom components, state management, and viewport control.

🇺🇸|EnglishTranslated
2
Frontend Developmentremotion-dev/remotion

video-report

Generate a report about a video

🇺🇸|EnglishTranslated
2
Frontend Developmentaj-geddes/useful-ai-promp...

frontend-state-management

Manage application state using Redux, MobX, Zustand, and Context API. Use when centralizing state for complex applications with multiple components.

🇺🇸|EnglishTranslated
2
Frontend Developmentpproenca/dot-skills

react

React 19 performance optimization guidelines for concurrent rendering, Server Components, actions, hooks, and memoization (formerly react-19). This skill should be used when writing React 19 components, using concurrent features, or optimizing re-renders. This skill does NOT cover Next.js-specific features like App Router, next.config.js, or Next.js caching (use nextjs-16-app-router skill). For client-side form validation with React Hook Form, use react-hook-form skill.

🇺🇸|EnglishTranslated
2
Frontend Developmentspences10/svelte-skills-k...

sveltekit-remote-functions

SvelteKit remote functions guidance. Use for command(), query(), form() patterns in .remote.ts files.

🇺🇸|EnglishTranslated
2
Frontend Developmentjosiahsiegel/claude-plugi...

tailwindcss-advanced-design-systems

Tailwind CSS advanced design systems with design tokens and @theme configuration

🇺🇸|EnglishTranslated
2
Frontend Development404kidwiz/claude-supercod...

electron-pro

Expert in building cross-platform desktop applications using web technologies (HTML/CSS/JS) with the Electron framework.

🇺🇸|EnglishTranslated
2
Frontend Developmentaj-geddes/useful-ai-promp...

web-performance-optimization

Optimize web application performance using code splitting, lazy loading, caching, compression, and monitoring. Use when improving Core Web Vitals and user experience.

🇺🇸|EnglishTranslated
2
1...8687888990...256
Page