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,906 skills, Frontend Development has 4880 skills

Categories

Showing 12 of 4880 skills

Per page
Downloads
Sort
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 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
Frontend Developmenttoilahuongg/shopify-agent...

form-validation

Form validation with Zod schemas and Conform library for Remix applications. Covers schema design, server/client validation, Polaris integration, and complex form patterns.

🇺🇸|EnglishTranslated
5
Frontend Developmentoakoss/agent-skills

threejs

Builds 3D web experiences with Three.js, WebGPU rendering, TSL shaders, and React Three Fiber. Covers scene setup, asset optimization, performance tuning, and React 19 integration. Use when creating 3D scenes, setting up WebGPU rendering, writing TSL shaders, optimizing draw calls, or integrating Three.js with React and Next.js.

🇺🇸|EnglishTranslated
5
Frontend Developmentfortiumpartners/ensemble

developing-with-typescript

TypeScript 5.x development with type system, generics, utility types, and strict mode patterns. Use when writing TypeScript code or adding types to JavaScript projects.

🇺🇸|EnglishTranslated
5
Frontend Developmentoimiragieo/agent-studio

enhance-prompt

Transforms vague UI/feature requests into structured, optimized prompts with design system awareness. Use when generating prompts for UI implementation, feature specification, or design-to-code translation. Triggers on tasks requiring prompt refinement, UI specification, or design system integration.

🇺🇸|EnglishTranslated
5
3 scripts/Checked
Frontend Developmentdylantarre/animation-prin...

playfulness-fun

Use when creating animations that entertain, engage with humor, or create lighthearted interactive experiences.

🇺🇸|EnglishTranslated
5
Frontend Developmentharlan-zw/vue-ecosystem-s...

shadcn-vue-skilld

Add components to your apps. ALWAYS use when writing code importing "shadcn-vue". Consult for debugging, best practices, or modifying shadcn-vue, shadcn vue.

🇺🇸|EnglishTranslated
5
Frontend Developmentclaude-dev-suite/claude-d...

tauri

Tauri framework for building cross-platform desktop applications with Rust backend and web frontend. Covers architecture, IPC commands, plugins, bundling, code signing, and security best practices. USE WHEN: user mentions "Tauri", "Rust desktop app", asks about "Tauri commands", "Tauri plugins", "Tauri IPC", "Rust + Svelte/React", "lightweight desktop app", "Tauri bundling", "Tauri security" DO NOT USE FOR: Electron applications - use `electron` skill instead

🇺🇸|EnglishTranslated
5
Frontend Developmentmblode/agent-skills

ui-audit

Audits web UI quality across accessibility, interaction, forms, typography, navigation, layout, performance, motion, and microcopy. Use when reviewing or refining frontend UI before merge or release, or when the user asks for a UI, UX, or accessibility audit.

🇺🇸|EnglishTranslated
5
1...379380381382383...407
Page