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,033 skills, Frontend Development has 4963 skills

Categories

Showing 12 of 4963 skills

Per page
Downloads
Sort
Frontend Developmentcaffeinelabs/skills

extension-qr-code

QR code scanner using the camera.

🇺🇸|EnglishTranslated
109
Frontend Developmentdatocms/agent-skills

datocms-plugin-design-system

Design or restyle DatoCMS plugins so they look and feel native to the DatoCMS UI. Use when users ask to make a plugin match the DatoCMS dashboard, polish plugin config screens, pages, sidebars, panels, modals, forms, tables, empty states, or overall plugin layout structure. This skill owns DatoCMS plugin design-system work, native-look restyling, and UI density or spacing cleanup. Prefer `datocms-react-ui` when a public component exists, and otherwise use raw React and CSS that reproduce DatoCMS spacing, typography, density, color, and interaction patterns without importing private CMS classes.

🇺🇸|EnglishTranslated
103
Frontend Developmentforcedotcom/sf-skills

using-mobile-native-capabilities

Build a Salesforce LWC that uses native mobile device capabilities — barcode scanner, biometrics, location, NFC, calendar, contacts, document scanner, geofencing, AR space capture, app review, and payments. Use this skill when the user asks for an LWC that scans a barcode, captures a photo of a document, reads location or geofences, prompts for biometrics, reads/writes the device calendar or contacts, taps NFC, takes a payment, prompts for an app review, or scans an AR space. Also triggers on "lightning/mobileCapabilities", "mobile capability", "Nimbus", "device capability". Do not use for mobile offline / Komaci priming reviews (use `reviewing-lwc-mobile-offline`) or for picking generic Lightning base components (use a generic Lightning base components skill).

🇺🇸|EnglishTranslated
98
Frontend Developmentwshobson/agents

nextjs-app-router-patterns

Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching. Use when building Next.js applications, implementing SSR/SSG, or optimizing React Server Components.

🇺🇸|EnglishTranslated
98
Frontend Developmentaddyosmani/web-quality-sk...

best-practices

Apply modern web development best practices for security, compatibility, and code quality. Use when asked to "apply best practices", "security audit", "modernize code", "code quality review", or "check for vulnerabilities".

🇺🇸|EnglishTranslated
98
Frontend Developmentaddyosmani/web-quality-sk...

core-web-vitals

Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking. Use when asked to "improve Core Web Vitals", "fix LCP", "reduce CLS", "optimize INP", "page experience optimization", or "fix layout shifts".

🇺🇸|EnglishTranslated
96
Frontend Developmenttanstack-skills/tanstack-...

tanstack-pacer

Framework-agnostic debouncing, throttling, rate limiting, queuing, and batching utilities.

🇺🇸|EnglishTranslated
95
Frontend Developmentcaffeinelabs/skills

extension-core-infrastructure

Core infrastructure providing backend connection configuration, storage client, and React app entry point.

🇺🇸|EnglishTranslated
94
Frontend Developmentclerk/skills

clerk-react-patterns

React SPA auth patterns with @clerk/react for Vite/CRA - ClerkProvider setup, useAuth/useUser/useClerk hooks, React Router protected routes, custom sign-in flows. Triggers on: Vite Clerk setup, React Router auth, useAuth hook, protected route, custom sign-in form React.

🇺🇸|EnglishTranslated
92
1 scripts/Checked
Frontend Developmentsyncfusion/winforms-ui-co...

syncfusion-winforms-smith-chart

Implement Syncfusion Windows Forms Smith Chart (SfSmithChart) control for visualizing impedance and admittance of transmission lines. Use this when working with high-frequency circuit applications, RF engineering, or transmission line analysis. Covers normalized resistance/reactance plotting, normalized conductance/susceptance visualization, series configuration, axes customization, markers, legends, and tooltips.

🇺🇸|EnglishTranslated
92
Frontend Developmentumbraco/umbraco-cms-backo...

umbraco-monaco-markdown-editor-action

Implement Monaco markdown editor actions in Umbraco backoffice using official docs

🇺🇸|EnglishTranslated
92
Frontend Developmentvercel-labs/json-render

next

Next.js renderer for json-render that turns JSON specs into full Next.js applications with routes, layouts, SSR, and metadata. Use when working with @json-render/next, building Next.js apps from JSON specs, or creating AI-generated multi-page applications.

🇺🇸|EnglishTranslated
91
1...1112131415...414
Page