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 54,152 skills, Frontend Development has 5132 skills

Categories

Showing 12 of 5132 skills

Per page
Downloads
Sort
Frontend Developmentsickn33/antigravity-aweso...

angular-ui-patterns

Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states.

🇺🇸|EnglishTranslated
25
Frontend Developmentenlinks-llc/katsuragi

ui-wireframe-generator

This skill generates text-based UI wireframes using .kui file syntax. Use when creating wireframes, mockups, or UI layout diagrams. The skill converts .kui files to SVG/PNG images via the katsuragi CLI tool.

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

vite

Guidance for Vite using the official Guide, Config Reference, and Plugins pages. Use when the user needs Vite setup, configuration, or plugin selection details.

🇺🇸|EnglishTranslated
25
Frontend Developmentyonatangross/orchestkit

scroll-driven-animations

CSS Scroll-Driven Animations with ScrollTimeline, ViewTimeline, parallax effects, and progressive enhancement for performant scroll effects. Use when implementing scroll-linked animations or parallax.

🇺🇸|EnglishTranslated
25
Frontend Developmentqodex-ai/ai-agent-skills

web-interface-architect

Architect and design web application interfaces. Plans component systems, interaction flows, and responsive layouts for web platforms.

🇺🇸|EnglishTranslated
25
Frontend Developmentingpoc/skills

scroll-storyteller

Use when creating interactive scroll-based storytelling experiences with mouse-following spotlight effects, animated SVG art, and the Anthropic design language. Load for explainer pages, product showcases, visual narratives, or any content needing immersive scroll storytelling with organic shapes and smooth animations. Supports GSAP-powered or lightweight CSS-only animations.

🇺🇸|EnglishTranslated
25
3 scripts/Attention
Frontend Developmentdylantarre/animation-prin...

navigation-menus

Use when animating navigation bars, menus, sidebars, or wayfinding elements to create smooth, intuitive transitions

🇺🇸|EnglishTranslated
25
Frontend Developmentsmallnest/langgraphgo

ui-analyzer

Analyze UI design screenshots and generate React components with TypeScript and Tailwind CSS. Use this skill when the user provides UI mockups, design screenshots, or Figma exports and requests implementation. Provides detailed layout analysis, component breakdown, design token extraction, and production-ready code generation following best practices.

🇺🇸|EnglishTranslated
25
Frontend Developmentmindrally/skills

bootstrap

Bootstrap development guidelines for responsive layouts, components, and utility-first styling.

🇺🇸|EnglishTranslated
25
Frontend Developmentdembrandt/dembrandt-skill...

responsive-paradigms

Mobile, tablet, and desktop are different interaction paradigms — not the same layout scaled up or down. Sections can be hidden, repositioned, or made sticky on mobile. Navigation and primary actions move. Use when designing responsive layouts, adapting desktop UI for mobile, or deciding what to show on each breakpoint.

🇺🇸|EnglishTranslated
25
Frontend Developmentvercel/next.js

next-dev-loop

Verify Next.js runtime behavior after editing app code. Use this skill to confirm a change actually works in a running app — not just that it compiles or type-checks. Combines /_next/mcp (Next.js's view) with agent-browser (the browser's view). Requires a running `next dev`.

🇺🇸|EnglishTranslated
25
Frontend Developmentforcedotcom/sf-skills

validating-slds

Audit Lightning Web Components for SLDS compliance and produce a scored quality report. Runs the SLDS linter, analyzes CSS for theming hook usage and pairing, checks HTML for accessibility attributes, and scores findings across categories into an overall grade. Use when asked to "score my component", "SLDS scorecard", "quality report", "audit SLDS compliance", "how good is my SLDS", "check component quality", "rate my component", "evaluate my component", "is this component ready to ship?", "look at my LWC for issues", "audit this before I submit", "review my component before code review", or any time a user wants a quality assessment or production-readiness check on an LWC or SLDS component. Not for fixing violations (use uplifting-components-to-slds2) or building new components (use applying-slds).

🇺🇸|EnglishTranslated
25
1 scripts/Checked
1...6768697071...428
Page