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,737 skills, Frontend Development has 4879 skills

Categories

Showing 12 of 4879 skills

Per page
Downloads
Sort
Frontend Developmentnext-safe-action/skills

safe-action-tanstack-query

Use when integrating next-safe-action with TanStack Query (React Query) -- mutationOptions(), useMutation, ActionMutationError error handling, type guards, optimistic updates via query cache, query invalidation after mutations

🇺🇸|EnglishTranslated
7
Frontend Developmentlucasduarteinacio/ai-skil...

electron-builder

Comprehensive guide for electron-builder (v26.x) packaging, code signing, auto-updates, and release workflows. Use when: (1) configuring electron-builder builds (electron-builder.yml or config.js/ts), (2) setting up macOS/Windows code signing or notarization, (3) implementing auto-updates with electron-updater, (4) publishing to GitHub Releases, S3, or generic servers, (5) configuring platform targets (NSIS, DMG, AppImage, Snap, PKG, MSI), (6) working with build hooks (beforePack, afterSign, afterAllArtifactBuild), or (7) using the programmatic API. Triggers on: electron-builder, electron-updater, code signing, notarize, NSIS, DMG, AppImage, auto-update, publish releases, build hooks, electron packaging, electron distribution.

🇺🇸|EnglishTranslated
7
Frontend Developmentpedronauck/skills

tailwindcss

Guide for Tailwind CSS v4 patterns and best practices. Use when styling components with Tailwind CSS, creating responsive layouts, working with Tailwind 4 features, or using tailwind-variants for component styling.

🇺🇸|EnglishTranslated
7
Frontend Developmentdylantarre/animation-prin...

small-200-300ms

Use when building small transitions between 200-300ms - modal appearances, card expansions, navigation transitions that users consciously perceive

🇺🇸|EnglishTranslated
7
Frontend Developmentvibe-motion/skills

svg-assembly-animator

Create part assembly animations for SVG vector graphics with a strong sense of power and speed, and support one-click export of 30fps sequence frames with transparent background. It is suitable for scenarios where static SVG needs to be converted into transparent assets for video editing (such as AE/PR).

🇨🇳|ChineseTranslated
7
Frontend Developmentmattbx/shadcn-skills

shadcn-component-review

Review custom components and layouts against shadcn design patterns, theme styles (Maia, Vega, Lyra, Nova, Mira), component structure, composability, and Radix UI best practices. Use when planning new components, reviewing existing components, auditing spacing, checking component structure, or verifying shadcn best practices alignment.

🇺🇸|EnglishTranslated
7
Frontend Developmentyofine/skills

blueprinter

Generate technical diagrams using HTML/CSS in Flat Engineering Blueprint style. Use when the user wants to create architecture diagrams, system diagrams, flowcharts, or technical specification sheets that look like engineering blueprints. Triggers on requests for flat diagrams, blueprint-style visualizations, or technical drawings.

🇺🇸|EnglishTranslated
7
Frontend Developmentweaverse/shopify-hydrogen...

theme-update

Safely update a Weaverse Pilot theme to the latest version — detects current version, fetches release diffs, plans changes category-by-category, preserves customizations, verifies build.

🇺🇸|EnglishTranslated
7
1 scripts/Attention
Frontend Developmentanthropics/knowledge-work...

zoom-cobrowse-sdk

Reference skill for Zoom Cobrowse SDK. Use after routing to a collaborative-support workflow when implementing browser co-browsing, annotation tools, privacy masking, remote assist, or PIN-based session sharing.

🇺🇸|EnglishTranslated
7
Frontend Developmenthgzahn/agentic-coding

i-overdrive

Pushes interfaces past conventional limits with technically ambitious implementations — shaders, spring physics, scroll-driven reveals, 60fps animations. Use when the user wants to wow, impress, go all-out, or make something that feels extraordinary.

🇺🇸|EnglishTranslated
7
Frontend Developmenthgzahn/agentic-coding

i-optimize

Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience.

🇺🇸|EnglishTranslated
7
Frontend Developmentwebflow/webflow-skills

designer-tools

Build and manage pages, elements, components, and styles in Webflow Designer. Use when adding sections, creating layouts, building elements, inspecting or updating components, viewing what's inside a component, restructuring pages, creating new pages, previewing page structure, styling elements, or managing component properties. Requires Webflow Designer connection.

🇺🇸|EnglishTranslated
7
1...317318319320321...407
Page