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,552 skills, Frontend Development has 4868 skills

Categories

Showing 12 of 4868 skills

Per page
Downloads
Sort
Frontend Developmentoguzhan18/angular-ecosyst...

angular-deferrable

ALWAYS use when working with Angular Deferrable Views, @defer, lazy loading components, or deferred loading in Angular.

🇺🇸|EnglishTranslated
11
Frontend Developmentoguzhan18/angular-ecosyst...

angular-viewchild

ALWAYS use when working with Angular ViewChild, ContentChild, ViewChildren, or accessing DOM elements and child components in Angular.

🇺🇸|EnglishTranslated
11
Frontend Developmentoguzhan18/angular-ecosyst...

angular-router

ALWAYS use when working with Angular Router, routing configuration, guards, resolvers, lazy loading, or navigation in Angular applications.

🇺🇸|EnglishTranslated
11
Frontend Developmentpixel-process-ug/superkit...

ui-design-system

Use when the user needs to build or maintain design tokens, component libraries, theme systems, or Tailwind CSS v4 configurations with responsive patterns. Triggers: user says "design system", "design tokens", "component library", "theme", "Tailwind config", "dark mode tokens", "color system", building reusable UI components.

🇺🇸|EnglishTranslated
11
Frontend Developmentvaadin/claude-plugin

frontend-design

Guide Claude on creating visually distinctive, polished Vaadin 25 interfaces that go beyond default theme styling. This skill should be used when the user asks to "make it look good", "improve the design", "style the view", "make it visually appealing", "add polish", "design a UI", "create a beautiful interface", or when building a new view where visual quality matters. Also trigger when the user wants to add animations, visual effects, or build polished component compositions in a Vaadin application.

🇺🇸|EnglishTranslated
11
Frontend Developmentpeachsolution/peach-harne...

peach-refactor-frontend

Frontend 리팩토링 전문가. "프론트 리팩토링", "UI 리팩토링", "Vue 코드 정리" 키워드로 트리거. 기존 프론트엔드 코드를 test-data 가이드 코드 패턴으로 리팩토링.

🇺🇸|EnglishTranslated
11
Frontend Developmentpeachsolution/peach-harne...

peach-gen-store

Frontend Store 전문 생성 스킬. "스토어 만들어줘", "Store 생성", "프론트 상태관리" 키워드로 트리거. Backend API 기반 생성, TDD 검증 필수.

🇺🇸|EnglishTranslated
11
Frontend Developmentiblai/vibe

iblai-component

Add an iblai component or feature to your app

🇺🇸|EnglishTranslated
11
Frontend Developmentiblai/vibe

iblai-profile

Add profile dropdown and settings page to your Next.js app

🇺🇸|EnglishTranslated
11
Frontend Developmentcosscom/coss

coss-particles

Index of all COSS UI particle examples. Use when implementing UI features to find copy-paste-ready component patterns built on coss primitives. Each particle has a description and a JSON URL for easy installation.

🇺🇸|EnglishTranslated
11
Frontend Developmentvtexdocs/ai-skills

vtex-io-admin-react

Apply when building VTEX IO admin-facing React interfaces under the admin builder. Covers VTEX Styleguide and Shoreline usage, admin page composition, data-heavy admin interactions, and keeping administrative interfaces consistent with the VTEX Admin environment. Use for settings pages, moderation tools, dashboards, or operational UIs inside VTEX Admin.

🇺🇸|EnglishTranslated
11
Frontend Developmenthgzahn/agentic-coding

i-delight

Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. Use when the user asks to add polish, personality, animations, micro-interactions, delight, or make an interface feel fun or memorable.

🇺🇸|EnglishTranslated
11
1...167168169170171...406
Page