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,524 skills, Frontend Development has 4865 skills

Categories

Showing 12 of 4865 skills

Per page
Downloads
Sort
Frontend Developmenttoilahuongg/shopify-agent...

zustand-state

State management with Zustand for Remix/React applications. Covers store creation, TypeScript patterns, persistence, and Shopify-specific state patterns.

🇺🇸|EnglishTranslated
11
Frontend Developmenttoilahuongg/shopify-agent...

shopify-pos

Guide for building Shopify POS (Point of Sale) UI extensions that integrate custom functionality into Shopify's retail interface. Use this skill when the user needs to create POS tiles, modals, blocks, or actions for the smart grid, cart, customer details, order details, product details, or post-purchase screens. Covers targets, components, APIs, and development workflow for POS app extensions.

🇺🇸|EnglishTranslated
11
Frontend Developmentsarojpunde/shopify-dev-to...

polaris-fundamentals

Core Polaris Web Components fundamentals including component library structure, design tokens, responsive patterns, and SSR compatibility. Auto-invoked when working with Polaris components.

🇺🇸|EnglishTranslated
11
Frontend Developmentuview-pro/skills

uview-pro

uView Pro 组件库的所有技能文档,包含指南、组件、工具、钩子和布局的使用说明。"

🇺🇸|EnglishTranslated
11
Frontend Developmentteachingai/full-stack-ski...

avue

Provides comprehensive guidance for Avue framework including CRUD operations, form components, and data management. Use when the user asks about Avue, needs to build admin interfaces, implement CRUD operations, or work with Avue components.

🇺🇸|EnglishTranslated
11
Frontend Developmentdevelite98/angular-best-p...

angular-best-practices-legacy

Angular 12-16 performance optimization guidelines with NgModules, RxJS patterns, and classic template syntax (*ngIf, *ngFor). Use when maintaining or working with pre-v17 Angular codebases. Triggers on tasks involving Angular components, services, modules, or performance improvements in legacy projects.

🇺🇸|EnglishTranslated
11
Frontend Developmentdevelite98/angular-best-p...

the-art-of-naming

Comprehensive naming convention guide for TypeScript and Angular applications. Covers casing rules (camelCase, PascalCase, UPPER_CASE), prefix conventions (I for interfaces, _ for private, T for generics), boolean naming, the S-I-D principle (Short, Intuitive, Descriptive), context duplication, and structured naming patterns (P/HC/LC for variables, A/HC/LC for functions). Use when writing, reviewing, or refactoring TypeScript code. Triggers on tasks involving naming, variables, functions, interfaces, or code style.

🇺🇸|EnglishTranslated
11
Frontend Developmentsupercent-io/skills-templ...

design-system

Produce production-grade UI designs using clear design tokens, layout rules, motion guidance, and accessibility checks for consistent, scalable frontend development.

🇺🇸|EnglishTranslated
11
Frontend Developmentkaotypr/skills

kao-base-ui

Guide for building UI with Base UI React (@base-ui/react), a headless, accessible component library using compound component patterns. Use this skill whenever the user is building or modifying any user interface in React, including forms and validation, navigation and menus, modals and overlays, selection controls, toast notifications, accordions, tabs, or any interactive UI component. Also trigger when the user mentions @base-ui/react, Base UI, headless components, migrating from Radix UI, or asks about accessible component patterns. Even if the user does not explicitly mention Base UI, use this skill whenever they are creating React UI components, building a design system, or working on frontend user experience.

🇺🇸|EnglishTranslated
11
Frontend Developmentsecondsky/claude-skills

thesys-generative-ui

AI-powered generative UI with Thesys - create React components from natural language.

🇺🇸|EnglishTranslated
11
10 scripts/Attention
Frontend Developmentconnorwhite-online/iterat...

iterate

Set up iterate in the current project. Detects your framework, installs the package, wires it into your config, and configures the MCP server.

🇺🇸|EnglishTranslated
11
Frontend Developmentfarworld-labs/remix-skill...

remix-add-sprite

Generate and add sprites to a Remix game

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