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,280 skills, Frontend Development has 4850 skills

Categories

Showing 12 of 4850 skills

Per page
Downloads
Sort
Frontend Developmentthebushidocollective/han

angular-signals

Use when building Angular 16+ applications requiring fine-grained reactive state management and zone-less change detection.

🇺🇸|EnglishTranslated
3
Frontend Developmentmoderndegree/agent-skills

a11y-best-practices

Comprehensive accessibility patterns for building, testing, and fixing accessible interfaces. Use when building UI components, forms, pages, or auditing code for accessibility issues.

🇺🇸|EnglishTranslated
3
Frontend Developmentaymericzip/intlayer-skill...

intlayer-usage

Provides general guidelines for using Intlayer in any project. Use when the user asks to "get started with Intlayer", "declare content files", or understand the "project structure" for internationalization.

🇺🇸|EnglishTranslated
3
Frontend Developmentfrontic/skills

frontic-implementation

Create, configure, and use Frontic blocks, listings, and pages for e-commerce data. Use when working with Frontic configuration, building product/category pages, creating data sources, or integrating the Frontic client. Covers resource decision-making, block/listing creation guidelines, and client usage patterns.

🇺🇸|EnglishTranslated
3
Frontend Development2ykwang/agent-skills

html-visual

Generates interactive HTML visualizations — UI mockups, ERDs, flowcharts, charts, slides, architecture diagrams, dashboards, timelines, mindmaps, kanban boards, tables, wireframes. Use when the user asks to visualize, mock up, diagram, chart, create ERD, generate slides, architecture diagram, dashboard, timeline, mindmap, kanban, table, wireframe, or interactive HTML.

🇺🇸|EnglishTranslated
3
Frontend Developmentfellipeutaka/leon

tanstack-start

TanStack Start full-stack React framework best practices for server functions, middleware, SSR/streaming, SEO, authentication, and deployment. Use when building full-stack React apps with TanStack Start, implementing server functions, configuring SSR/streaming, managing SEO and head tags, setting up authentication patterns, or deploying to Vercel/Cloudflare/Node.

🇺🇸|EnglishTranslated
3
Frontend Developmentscientiacapital/skills

frontend-ui

Enterprise SaaS frontend — Tailwind v4, shadcn/ui, Next.js App Router or Vite SPA, accessibility, responsive design, component patterns. Use when: React component, Next.js page, frontend UI, Tailwind, shadcn, accessibility, a11y, responsive design, form validation, server component, client component, design system, dark mode, SaaS UI, dashboard, pricing page, enterprise UI, data table, landing page, Vite, React Router, SPA, single page app.

🇺🇸|EnglishTranslated
3
1 scripts/Checked
Frontend Developmentnovotnyllc/dotnet-artisan

dotnet-ui-chooser

Selects a .NET UI framework. Decision tree across Blazor, MAUI, Uno, WinUI, WPF, WinForms.

🇺🇸|EnglishTranslated
3
Frontend Developmentunlayer/unlayer-skills

unlayer-export

Exports content from the Unlayer editor — HTML, PDF, image, plain text, saving and loading design JSON, auto-save patterns, server-side Cloud API export.

🇺🇸|EnglishTranslated
3
Frontend Developmentbeshkenadze/claude-skills...

typescript-advanced-types

Advanced TypeScript types (generics, conditionals, mapped, utilities). Use when building type-safe libraries or implementing complex type logic.

🇺🇸|EnglishTranslated
3
Frontend Development224-industries/webflow-sk...

webflow-code-components

Build, define, and import React code components into Webflow via DevLink. Use when creating Webflow code components, configuring declareComponent definitions, working with prop types, styling within Shadow DOM, bundling with Webpack, or troubleshooting DevLink imports.

🇺🇸|EnglishTranslated
3
1 scripts/Attention
Frontend Developmentdawiddutoit/custom-claude

ha-mushroom-cards

Creates minimalist, mobile-first Home Assistant dashboards using Mushroom cards (13+ types) including entity, light, climate, chips, and template cards with card-mod styling support. Use when building modern HA dashboards, creating compact mobile interfaces, styling entity cards, using chips for status indicators, or combining Mushroom with card-mod for custom CSS.

🇺🇸|EnglishTranslated
3
1...400401402403404405
Page