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,487 skills, Frontend Development has 4860 skills

Categories

Showing 12 of 4860 skills

Per page
Downloads
Sort
Frontend Developmentdvorkinguy/claude-skills-...

rtl-css

RTL (Right-to-Left) CSS for Hebrew and Arabic. Use when building UI that needs RTL support, fixing RTL layout issues, or auditing CSS for RTL compliance.

🇺🇸|EnglishTranslated
5
1 scripts/Attention
Frontend Developmentagricidaniel/claude-blog

blog-chart

Generate dark-mode-compatible inline SVG data visualization charts for blog posts. Supports horizontal bar, grouped bar, donut, line, lollipop, area, and radar charts with automatic platform detection (HTML vs JSX/MDX). Enforces chart type diversity, accessible markup (role=img, aria-label), source attribution, and transparent backgrounds. Use when user says "blog chart", "generate chart", "data visualization", "svg chart", "blog graph", "visualize data", or when the blog-write workflow identifies chart-worthy data points (3+ comparable metrics, trends, before/after data).

🇺🇸|EnglishTranslated
5
Frontend Developmentsonofmagic/skills

native-to-weapp-vite-wevu-migration

Apply a structured migration workflow from native mini-program projects to weapp-vite and wevu. Use when converting Page/Component code to Vue SFC, replacing setData-heavy state updates with ref/reactive, migrating properties/observers/triggerEvent contracts, introducing platform guards, and building migration-focused e2e validation and rollback checkpoints.

🇨🇳|ChineseTranslated
5
Frontend Developmentcrafter-station/elements

devtools-elements

Install developer tool components from the Elements registry. Use when user needs JSON viewers, API response displays, code diff viewers, CLI output renderers, env editors, error boundaries, webhook testers, or schema viewers. Triggers on "devtools", "json viewer", "API response", "webhook tester", "env editor", "code diff", "schema viewer", "error boundary", "CLI output".

🇺🇸|EnglishTranslated
5
Frontend Developmentgiuseppe-trisciuoglio/dev...

react-code-review

Provides comprehensive code review capability for React applications, validates component architecture, hooks usage, React 19 patterns, state management, performance optimization, accessibility compliance, and TypeScript integration. Use when reviewing React code changes, before merging pull requests, after implementing new features, or for component architecture validation. Triggers on "review React code", "React code review", "check my React components".

🇺🇸|EnglishTranslated
5
Frontend Developmentcjhfff/cjh-skills

web-deploy-github

Create and deploy single-page static websites to GitHub Pages with autonomous workflow. Use when building portfolio sites, CV pages, landing pages, or any static web project that needs GitHub Pages deployment. Handles complete workflow from project initialization to live deployment with GitHub Actions automation.

🇺🇸|EnglishTranslated
5
5 scripts/Attention
Frontend Developmentmcollina/skills

typescript-magician

TypeScript wizard specializing in advanced type systems, complex generics, and eliminating any types

🇺🇸|EnglishTranslated
5
Frontend Developmentl3digital-net/claude-code...

qt-qml

QML and Qt Quick — declarative UI language for modern Qt applications. Use when building a QML-based UI, embedding QML in a Python/C++ app, exposing Python/C++ objects to QML, creating QML components, or choosing between QML and widgets. Trigger phrases: "QML", "Qt Quick", "declarative UI", "QQmlApplicationEngine", "expose to QML", "QML component", "QML signal", "pyqtProperty", "QML vs widgets", "QtQuick.Controls", "Item", "Rectangle"

🇺🇸|EnglishTranslated
5
Frontend Developmentkostja94/marketing-skills

open-graph

When the user wants to add or optimize Open Graph metadata for social sharing. Also use when the user mentions "Open Graph," "og:tags," "og:title," "og:image," "og:description," "Facebook preview," "LinkedIn preview," or "social share preview."

🇺🇸|EnglishTranslated
5
Frontend Developmentdhruvanbhalara/skills

design-system

Design Tokens, Reusable Components & Theming Standards

🇺🇸|EnglishTranslated
5
Frontend Developmentthebushidocollective/han

figma-sync-design-system

Sync design system components between Figma and code using Code Connect mappings

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

nextjs-developer

Expert Next.js developer specializing in Next.js 14+, App Router, Server Components, and modern React patterns. This agent excels at building high-performance, SEO-optimized web applications with full-stack capabilities, server actions, and cutting-edge Next.js features.

🇺🇸|EnglishTranslated
5
1...340341342343344...405
Page