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,901 skills, Frontend Development has 4880 skills

Categories

Showing 12 of 4880 skills

Per page
Downloads
Sort
Frontend Developmentpmndrs/react-three-start

react-three-start

Build, explain, and modify @react-three/start apps that use file-based React Three Fiber scene and DOM composition. Use when working in a react-three-start project, when the user mentions @react-three/start, react-three-start, R3F app structure, .scene.tsx/.dom.tsx files, Scene/Dom slots, wrappers, start.config.ts, or the react-three-start/r3s CLI.

🇺🇸|EnglishTranslated
6
Frontend Developmentbklit/bklit-ui

add-x-tweet

Add X (Twitter) testimonials to the bklit homepage. Fetches username, avatar, and tweet text from a status URL and appends an entry to apps/web/lib/testimonials.ts. Use when the user shares an x.com/twitter.com tweet URL to add or replace a testimonial.

🇺🇸|EnglishTranslated
6
1 scripts/Attention
Frontend Developmentremotion-dev/remotion

add-cli-option

Add a new Remotion CLI or config option by creating an AnyRemotionOption, registering CLI parsing, wiring config setters, and updating documentation. Use when adding or converting command-line flags or Remotion options.

🇺🇸|EnglishTranslated
6
Frontend Developmenthamen/material-3-skill

material-3

Implement Google's Material Design 3 (Material You) UI system. Primary: Jetpack Compose Material3 (MaterialTheme, components, adaptive layout). Also Flutter and limited web (@material/web, maintenance mode). Covers tokens, 30+ components, layout, theming, M3 Expressive (platform matrix), and accessibility. Use when: "material design", "MD3", "material you", "Jetpack Compose", "MaterialTheme", "material component", "md3 button".

🇺🇸|EnglishTranslated
6
Frontend Developmentowl-listener/designer-ski...

readable-measure

Set optimal line lengths for readability across typography scales and responsive layouts.

🇺🇸|EnglishTranslated
6
Frontend Developmentfcakyon/claude-codex-sett...

anthropic-frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

🇺🇸|EnglishTranslated
6
Frontend Developmentarthrod/conejo-skills

pr-docx

Comprehensive DOCX import/export handling for Plate editor with tracked changes and comments. Use when implementing or debugging DOCX file operations, mammoth.js modifications, suggestion/comment import from Word, or export of Plate content to Word format. Triggers on requests involving DOCX import, export, tracked changes, Word comments, mammoth.js, or round-trip document fidelity. This skill ensures the agent understands the NON-NEGOTIABLE requirements for seamless Word ↔ Plate integration.

🇺🇸|EnglishTranslated
6
Frontend Developmentnexu-io/open-design

export-download-debugging

Diagnose and fix browser, preview, or Electron export/download failures, especially image export issues involving Save As, Blob/Data URLs, the File System Access API, createWritable failures, and 0 KB files.

🇺🇸|EnglishTranslated
6
Frontend Developmentaradotso/mcp-skills

figma-mcp-server

Connect AI coding agents to Figma designs via MCP to generate code from frames, extract design tokens, use Code Connect, and write directly to the canvas

🇺🇸|EnglishTranslated
6
Frontend Developmentframersai/agentos-skills

interactive-widgets

Generate interactive HTML/CSS/JS widgets — data visualizations, 3D scenes, dashboards, maps, and more.

🇺🇸|EnglishTranslated
6
Frontend Developmentmohitagw15856/pm-claude-s...

accessibility-audit

Generate a WCAG 2.2 accessibility audit checklist and remediation suggestions for any UI or design. Use when asked to audit for accessibility, check WCAG compliance, review a design for a11y issues, or create an accessibility remediation plan. Produces a prioritised checklist with pass/fail assessments and specific fixes.

🇺🇸|EnglishTranslated
6
Frontend Developmentelinsa-do-brasil/elinsa-d...

migrate-to-elinsa-stack

Refatore apps ou sites setoriais de qualquer tecnologia de origem para o padrão do repositório Elinsa. Use ao migrar projetos externos, legados, protótipos, HTML/CSS/JS puro, jQuery, Vue, Angular, React/Vite, PHP, Laravel, WordPress, templates server-side, sistemas de almoxarifado, formulários de pedidos ou ferramentas internas para Node 26+, pnpm, Next.js 16+ App Router, React Server Components, Tailwind 4+, Biome, shadcn/radix no preset Elinsa, React Hook Form, Zod, Better Auth e Drizzle ORM com PostgreSQL. Use também quando o projeto não tiver Git/versionamento, vier de ZIP/pasta local ou tiver sido criado em Lovable/no-code/AI builder: primeiro transforme em repositório GitHub revisável, depois migre para submissão à TI e futura integração como rotas, páginas, APIs ou componentes.

🇺🇸|EnglishTranslated
6
1...359360361362363...407
Page