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,633 skills, Frontend Development has 4876 skills

Categories

Showing 12 of 4876 skills

Per page
Downloads
Sort
Frontend Developmentheygen-com/hyperframes

compose-video

Create HyperFrames HTML video compositions. Use when asked to create a video, build an animation, make a composition, add a title card, or generate any HTML-based video content for HyperFrames.

🇺🇸|EnglishTranslated
9
Frontend Developmentmindrally/skills

less-best-practices

Less CSS best practices and coding guidelines for maintainable, modular stylesheets

🇺🇸|EnglishTranslated
9
Frontend Developmentkeenthemes/ktui

ktui-components

Guides correct use of KtUI (Keenthemes Tailwind UI) components—imports from @keenthemes/ktui, init pattern, and docs. Use this skill when building UI with KtUI, adding or customizing KtUI components, or when the user mentions KtUI, ktui, Keenthemes components, or Tailwind UI components from Keenthemes.

🇺🇸|EnglishTranslated
9
Frontend Developmentbiggora/claude-plugins-re...

typescript-expert

TypeScript language expertise covering the type system, generics, utility types, advanced type patterns, and project configuration. Use this skill whenever writing, reviewing, or refactoring TypeScript code, designing type-safe APIs, working with complex generics, debugging type errors, configuring tsconfig.json, migrating JavaScript to TypeScript, or leveraging TypeScript 5.x features like satisfies, const type parameters, decorators, and the using keyword. Also use when the user asks about type narrowing, conditional types, mapped types, template literal types, branded types, discriminated unions, or any TypeScript type system question — even seemingly simple ones, because TypeScript's type system has subtle gotchas that catch experienced developers.

🇺🇸|EnglishTranslated
9
Frontend Developmentsickn33/antigravity-aweso...

progressive-web-app

Build Progressive Web Apps (PWAs) with offline support, installability, and caching strategies. Trigger whenever the user mentions PWA, service workers, web app manifests, Workbox, 'add to home screen', or wants their web app to work offline, feel native, or be installable.

🇺🇸|EnglishTranslated
9
Frontend Developmentquangpl/browser-extension...

extension-publish

Prepare, submit, and optimize Chrome Web Store listings. Covers workflow, checklist, rejection reasons, listing optimization, and CI/CD automation.

🇺🇸|EnglishTranslated
9
Frontend Developmentquangpl/browser-extension...

extension-create

Auto-scaffold Chrome extensions with WXT or Plasmo. Ask user for name/features, scaffold, configure entrypoints. Use when: create extension, scaffold, new extension.

🇺🇸|EnglishTranslated
9
Frontend Developmentcommunity-access/accessib...

design-system

Color token contrast computation, framework token paths (Tailwind/MUI/Chakra/shadcn), focus ring validation, WCAG 2.4.13 Focus Appearance, motion tokens, and spacing tokens for touch target compliance. Use when validating design system tokens for WCAG AA/AAA contrast compliance before they reach deployed UI.

🇺🇸|EnglishTranslated
9
Frontend Developmentdavidgibbons/sillytavern-...

sillytavern-extension-builder

Build, scaffold, and ship SillyTavern third-party extensions. Use when creating a new extension, adding extension settings/UI hooks, wiring events or slash commands, integrating modules, or packaging a release from a template.

🇺🇸|EnglishTranslated
9
3 scripts/Attention
Frontend Developmentrawveg/skillsforge-market...

ai-summary-request

Adds an "AI Summary Request" footer component with clickable AI platform icons (ChatGPT, Claude, Gemini, Grok, Perplexity) that pre-populate prompts for users to get AI summaries of the website. Optionally creates an llms.txt file for enhanced AI discoverability. Use when users want to add AI platform integration buttons or make their website AI-friendly.

🇺🇸|EnglishTranslated
9
Frontend Developmentwebmaxru/agent-skills

writing-assistance-apis

Implements and debugs browser Summarizer, Writer, and Rewriter integrations in JavaScript or TypeScript web apps. Use when adding availability checks, model download UX, session creation, summarize or write or rewrite flows, streaming output, abort handling, or permissions-policy constraints for built-in writing assistance APIs. Don't use for generic prompt engineering, server-side LLM SDKs, or cloud AI services.

🇺🇸|EnglishTranslated
9
2 scripts/Checked
Frontend Developmentwebmaxru/agent-skills

language-detector-api

Implements and debugs browser Language Detector API integrations in JavaScript or TypeScript web apps. Use when adding LanguageDetector support checks, availability and model download flows, session creation, detect() calls, input-usage measurement, permissions-policy handling, or compatibility fallbacks for built-in language detection. Don't use for server-side language detection SDKs, cloud translation services, or generic NLP pipelines.

🇺🇸|EnglishTranslated
9
2 scripts/Checked
1...227228229230231...407
Page