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,248 skills, Frontend Development has 4506 skills

Categories

Showing 12 of 4506 skills

Per page
Downloads
Sort
Frontend Developmentshowlotus/skills

frontend-interviewer

Frontend interviewer from top internet companies, conducts step-by-step technical questions from shallow to deep based on project or work experience in resumes, and provides real-time feedback and improvement suggestions. Use when: (1) Users request frontend interview simulation, (2) Need in-depth technical exploration of frontend projects/work experience in resumes, (3) Users provide resume content and want to practice interviews, (4) Need to assess frontend technical depth and comprehension ability, (5) Want to obtain interview expression skills and improvement suggestions.

🇨🇳|ChineseTranslated
4
Frontend Developmentdavila7/claude-code-templ...

scroll-experience

Expert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences. Like NY Times interactives, Apple product pages, and award-winning web experiences. Makes websites feel like experiences, not just pages. Use when: scroll animation, parallax, scroll storytelling, interactive story, cinematic website.

🇺🇸|EnglishTranslated
4
Frontend Developmentoimiragieo/agent-studio

seo-and-meta-tags-in-sveltekit

Provides SEO and Meta Tags guidelines in SvelteKit.

🇺🇸|EnglishTranslated
4
3 scripts/Checked
Frontend Developmentthebushidocollective/han

atomic-design-atoms

Use when creating atomic-level UI components like buttons, inputs, labels, and icons. The smallest building blocks of a design system.

🇺🇸|EnglishTranslated
4
Frontend Developmentdoanchienthangdev/omgkit

designing-frontend-patterns

Claude designs scalable React component architectures using compound components, custom hooks, and state machines. Use when building reusable UI systems or complex component APIs.

🇺🇸|EnglishTranslated
4
Frontend Developmentalsk1992/cloddsbot

sandbox

Visual HTML canvas sandbox for agent-driven UI and live previews

🇺🇸|EnglishTranslated
4
1 scripts/Attention
Frontend Developmentlingui/skills

enhanced-message-context

Provide additional context for messages based on the codebase and the context of the message to improve the quality of the translations.

🇺🇸|EnglishTranslated
4
Frontend Developmentagentset-ai/agentset

react-email

Create beautiful, responsive HTML emails using React components with React Email. Build transactional emails with modern components, support internationalization, and integrate with email service providers like Resend. Use when creating welcome emails, password resets, notifications, order confirmations, or any HTML email templates.

🇺🇸|EnglishTranslated
4
Frontend Developmenttanstack-skills/tanstack-...

tanstack-router

Type-safe routing for React and Solid applications with first-class search params, data loading, and seamless integration with the React ecosystem.

🇺🇸|EnglishTranslated
4
Frontend Developmentainergiz/design-inspirati...

create-new-design

Scaffolds a new design in the design-inspirations repo with preview component, detail page, and main page entry. Use when creating a new design, adding a design inspiration, or scaffolding design files.

🇺🇸|EnglishTranslated
4
Frontend Developmentdang-hai/agentpulse

visual-overlay

Add visual animations (cursor, typing, click effects) to AgentPulse-enabled React apps. Use when: showing users what AI is doing, adding visual feedback for agent actions, configuring element targeting for animations.

🇺🇸|EnglishTranslated
4
Frontend Developmentaktsmm/agent-skills

chrome-extension-dev

Chrome/ブラウザ拡張機能開発の包括的ガイド。WXTフレームワーク、Manifest V3、Chrome API、テスト手法をカバー。Use when: ブラウザ拡張機能を作成・修正する時。Triggers on 'ブラウザ拡張機能', 'Chrome拡張', 'browser extension', 'WXT', 'content script', 'service worker'.

🇺🇸|EnglishTranslated
4
1...185186187188189...376
Page