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 Developmentainergiz/xfeed

opentui

Build terminal UIs with OpenTUI/React. Use when creating screens, components, handling keyboard input, managing scroll, or navigating between views. Covers JSX intrinsics, useKeyboard, scrollbox patterns, and state preservation.

🇺🇸|EnglishTranslated
7
Frontend Developmentiofficeai/aionui

i18n

Internationalization (i18n) workflow and standards for managing translations. Use when: (1) Adding new user-facing text, (2) Creating new components with text, (3) Reviewing code for i18n compliance. Features: Key naming conventions, sync checking, hardcoded string detection, translation workflow.

🇺🇸|EnglishTranslated
7
Frontend Developmentsjnims/bootstrap-expert

bootstrap-utilities

This skill should be used when the user asks about Bootstrap utilities, Bootstrap spacing utilities, Bootstrap margin utilities, Bootstrap padding utilities, Bootstrap display utilities, Bootstrap flex utilities, Bootstrap text utilities, Bootstrap color utilities, Bootstrap background utilities, Bootstrap border utilities, Bootstrap shadow utilities, Bootstrap sizing utilities, Bootstrap position utilities, Bootstrap visibility utilities, Bootstrap overflow utilities, Bootstrap opacity utilities, Bootstrap float utilities, Bootstrap vertical align utilities, Bootstrap link utilities, or needs help with Bootstrap utility classes.

🇺🇸|EnglishTranslated
7
Frontend Developmentxiaolai/vmark

tiptap-editor

Tiptap editor API patterns for vmark WYSIWYG development. Use when working with editor commands, node traversal, selection handling, or format operations.

🇺🇸|EnglishTranslated
7
Frontend Developmentdjankies/claude-configs

optimizing-with-react-compiler

Teaches what React Compiler handles automatically in React 19, reducing need for manual memoization. Use when optimizing performance or deciding when to use useMemo/useCallback.

🇺🇸|EnglishTranslated
7
Frontend Developmentopenwebf/webf

webf-native-plugin-dev

Develop custom WebF native plugins based on Flutter packages. Create reusable plugins that wrap Flutter/platform capabilities as JavaScript APIs. Use when building plugins for native features like camera, payments, sensors, file access, or wrapping existing Flutter packages.

🇺🇸|EnglishTranslated
7
Frontend Developmentyasielcabrera/achra-guide...

achra-guidelines

Achra Platform guidelines, business rules, architecture, and engineering patterns. Use when writing or refactoring Achra code, adding modules or components, creating or updating skeleton loaders, loading placeholders, Suspense fallbacks, or Next.js loading.tsx, answering questions about Achra architecture or business domains, deciding when to use feature flags, applying Achra naming and placement conventions, or answering which technologies and libraries the project uses.

🇺🇸|EnglishTranslated
7
Frontend Developmentlavderenterprise/claude-s...

impreza-wpbakery-dev

Use this skill for WordPress development with Impreza theme and WPBakery Page Builder. Triggers include: converting designs (described, visual, or Figma) to WordPress/Impreza code, creating WPBakery shortcodes, building Impreza pages, implementing responsive layouts, customizing Impreza elements, or any WordPress development task using the Impreza theme with WPBakery. Essential for producing copy-paste ready code that works seamlessly with Impreza theme structure.

🇺🇸|EnglishTranslated
7
Frontend Developmentshowlotus/skills

frontend-interviewer

Frontend interviewer from top internet companies, conducts step-by-step technical questions from shallow to deep based on project or work experience in resumes, and provides real-time feedback and improvement suggestions. Use when: (1) Users request frontend interview simulation, (2) Need in-depth technical exploration of frontend projects/work experience in resumes, (3) Users provide resume content and want to practice interviews, (4) Need to assess frontend technical depth and comprehension ability, (5) Want to obtain interview expression skills and improvement suggestions.

🇨🇳|ChineseTranslated
7
Frontend Developmentsmallnest/langgraphgo

feature-builder

Build complete React features with proper layered architecture including UI components, business logic, API integration, and state management. Use this skill when users request implementing features like "user authentication", "shopping cart", "product listing", "file upload", or any complete functionality that requires UI + business logic + data fetching. Generates all layers - presentation (components), business logic (hooks/stores/validation), and data access (API calls/React Query). Integrates with react-component-generator for UI and provides production-ready, maintainable code following best practices.

🇺🇸|EnglishTranslated
7
Frontend Developmentpicahq/skills

integration-logos

Get logos and icons for Gmail, Slack, HubSpot, and 200+ other integrations

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

parcel

Provides comprehensive guidance for Parcel bundler including zero-configuration setup, asset handling, hot module replacement, and production builds. Use when the user asks about Parcel, needs to set up a build tool quickly, or work with Parcel's automatic configuration.

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