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,502 skills, Frontend Development has 4863 skills

Categories

Showing 12 of 4863 skills

Per page
Downloads
Sort
Frontend Developmentsyncfusion/react-ui-compo...

syncfusion-react-mention

Implement the Syncfusion React Mention (MentionComponent) for @-tagging users or items inside editable content areas. Use this when adding @mention or

🇺🇸|EnglishTranslated
6
Frontend Developmentdylantarre/animation-prin...

icons-badges

Use when animating icons, badges, avatars, status indicators, or small visual elements to add personality and feedback

🇺🇸|EnglishTranslated
6
Frontend Developmentmaotoumao/musicfree-skill...

musicfree-themepack-dev

A complete guide to developing MusicFree desktop theme packs from scratch. It is triggered when users request to write, create, design MusicFree desktop theme packs, or ask to generate themes based on reference images, color schemes, or style keywords. It covers the full process including CSS variable system, color design paradigms, static themes, dynamic iframe themes, resource optimization, packaging testing, and submission to the theme market. This Skill is designed for AI execution, guiding AI to collaborate with community contributors (who may have no front-end experience) to complete theme pack development.

🇨🇳|ChineseTranslated
6
Frontend Developmentweaverse/shopify-hydrogen...

hydrogen-cookbooks

Step-by-step implementation guides for building features in a Shopify Hydrogen storefront — bundles, combined listings, customer accounts, 3D models, performance, variant media, and Weaverse integration.

🇺🇸|EnglishTranslated
6
Frontend Developmentiblai/vibe

iblai-build

Build and run your ibl.ai app on desktop and mobile (iOS, Android, macOS, Surface)

🇺🇸|EnglishTranslated
6
Frontend Developmentmathews-tom/armory

static-web-artifacts-builder

Build elaborate, self-contained static HTML artifacts opened in a browser — interactive diagrams, architecture visuals, data dashboards, HTML infographics, and rich interactive deliverables. Use this skill when the output is an HTML file viewed in a browser. Zero build toolchain — no React, no Vite, no Parcel. Pure HTML5 + CSS3 (Grid/Flexbox) + inline SVG. Triggers on: "interactive HTML", "self-contained web component", "open in browser", "interactive diagram", "visual dashboard", "HTML artifact", "HTML infographic", "interactive infographic". For image file output (PNG/SVG), use concept-to-image instead.

🇺🇸|EnglishTranslated
6
2 scripts/Attention
Frontend Developmentsalesforcecommercecloud/b...

b2c-page-designer

Create Page Designer pages and components in B2C Commerce. Use when building visual merchandising tools, content slots, or experience API integrations. Covers page types, component types, regions, attribute definitions, component type ID and subfolders, enum and custom/color attribute pitfalls, and troubleshooting when a component does not appear in the editor.

🇺🇸|EnglishTranslated
6
Frontend Developmenthgzahn/agentic-coding

i-normalize

Audits and realigns UI to match design system standards, spacing, tokens, and patterns. Use when the user mentions consistency, design drift, mismatched styles, tokens, or wants to bring a feature back in line with the system.

🇺🇸|EnglishTranslated
6
Frontend Developmentwpank/ai

ui-design

Comprehensive UI design skill covering fundamentals, patterns, and anti-patterns. Layout, typography, color, spacing, accessibility, motion, and component design. Use when building any web interface, reviewing design quality, or creating distinctive UIs.

🇺🇸|EnglishTranslated
6
Frontend Developmentpatternsdev/skills

react-selective-hydration

Combine streaming server-side rendering with selective hydration for faster interactivity in React 18+.

🇺🇸|EnglishTranslated
6
Frontend Developmentpatternsdev/skills

bundle-splitting

Split your code into smaller bundles to reduce initial load time and improve performance.

🇺🇸|EnglishTranslated
6
Frontend Developmentpatternsdev/skills

factory-pattern

Use factory functions to create new objects without the `new` keyword.

🇺🇸|EnglishTranslated
6
1...335336337338339...406
Page