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 52,038 skills, Frontend Development has 4964 skills

Categories

Showing 12 of 4964 skills

Per page
Downloads
Sort
Frontend Developmentowainlewis/blueprint

explain-visually

Create a beautiful HTML explanation of a repo, spec, PR, architecture, or concept so a smart beginner can understand and retell it.

🇺🇸|EnglishTranslated
41
Frontend Developmentaradotso/design-skills

cc-design-html-prototyping

High-fidelity HTML design and prototype guidance for AI agents with structured design thinking and quality guardrails

🇺🇸|EnglishTranslated
41
Frontend Developmentscottstts/threejs-awesome...

threejs-raymarched-space-effects

Build raymarched space phenomena in Three.js. Use for black-hole lensing, accretion disks, wormholes, curved-ray integration, procedural star fields, relativistic-looking distortion, bounded volumetric structures, and GPU effects that need controlled numerical integration.

🇺🇸|EnglishTranslated
41
2 scripts/Checked
Frontend Developmentgiancarlosgza/colorffy-wo...

colorffy

Complete guide for Colorffy UI and CSS frameworks. Colorffy UI is a modern Vue 3 / Nuxt 3 component library with 70+ unstyled, headless components (buttons, cards, forms, dialogs, navigation, etc.) with TypeScript support. Colorffy CSS is an expressive SCSS framework with tonal color system, utility classes, and layout systems (grid, flexbox). Use when working with Colorffy packages, setting up Vue/Nuxt projects with Colorffy, choosing components, applying styles, using utility classes, implementing layouts, or integrating Colorffy UI with Colorffy CSS or custom styles.

🇺🇸|EnglishTranslated
41
Frontend Developmentpartme-ai/full-stack-skil...

ant-design-vue

Provides comprehensive guidance for Ant Design Vue (AntDV) component library for Vue 3. Covers installation, usage, API reference, templates, and all component categories. Use when building enterprise-class UI with Vue 3 and Ant Design.

🇺🇸|EnglishTranslated
41
Frontend Developmentwyattowalsh/agents

javascript-conventions

JavaScript/Node.js tooling conventions. Use when working on JS/TS files, package.json, or Node.js projects. Enforce pnpm for package management. NOT for Python projects, backend-only work, or shell scripts.

🇺🇸|EnglishTranslated
41
Frontend Developmenttwofoldtech-dakota/claude...

frontend-razor

Razor view patterns for Optimizely CMS projects

🇺🇸|EnglishTranslated
40
Frontend Developmentmodelstudioai/skills

novel-game

Adapt novels/stories into interactive novel web games (React SPA), featuring AI-generated assets (optional videos/images), optional TTS narration, procedural audio, branching story engine, and save system. Use the `bl` CLI for asset generation (`bl video generate` / `bl image generate` / `bl speech synthesize`). Activate when users mention interactive novels, text adventure games, novel-adapted games, H5 interactive games, branching storylines, or visual novels.

🇨🇳|ChineseTranslated
40
Frontend Developmentwshobson/agents

design-system-patterns

Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design tokens, implementing theme switching, building component libraries, or establishing design system foundations.

🇺🇸|EnglishTranslated
40
Frontend Developmentyuniorglez/gemini-elite-c...

ui-ux-specialist

Senior Accessibility & Frontend Engineer. Expert in WCAG 2.2 standards, Semantic HTML, and Inclusive Design for 2026.

🇺🇸|EnglishTranslated
40
Frontend Developmentdauquangthanh/hanoi-rainb...

frontend-design-review

Conducts comprehensive frontend design reviews covering UI/UX design quality, design system validation, accessibility compliance, responsive design patterns, component library architecture, and visual design consistency. Evaluates design specifications, Figma/Sketch files, design tokens, interaction patterns, and user experience flows. Identifies usability issues, accessibility violations, design system deviations, and provides actionable recommendations for improvement. Produces detailed design review reports with severity-rated findings, visual examples, and implementation guidelines. Use when reviewing frontend designs, validating design systems, ensuring accessibility compliance, evaluating component libraries, assessing responsive designs, or when users mention design review, UI/UX review, Figma review, design system validation, accessibility audit, or frontend design quality.

🇺🇸|EnglishTranslated
40
Frontend Developmentdatahub-project/datahub-s...

datahub-mfe-configure-app

Configure a DataHub instance to load and display a Micro Frontend (MFE) app. Use when the user wants to register an MFE with DataHub, add an MFE to the nav sidebar, set up MFE config for local dev or production/k8s, or troubleshoot MFE loading issues.

🇺🇸|EnglishTranslated
40
1...2728293031...414
Page