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,676 skills, Frontend Development has 4878 skills

Categories

Showing 12 of 4878 skills

Per page
Downloads
Sort
Frontend Developmentsyncfusion/winforms-ui-co...

syncfusion-winforms-textbox

Implement and configure Syncfusion TextBoxExt control in Windows Forms - an enhanced textbox with custom borders, themes, and advanced text features. Use when you need styled textboxes with Office themes, custom border colors, multiline text with overflow indicators, character casing, text alignment, or RTL support. Covers theme integration, border customization, multiline configuration, and replacing standard TextBox controls with styled alternatives.

🇺🇸|EnglishTranslated
7
Frontend Developmentsyncfusion/winforms-ui-co...

syncfusion-winforms-wizard-control

Guide for implementing Syncfusion WizardControl component in Windows Forms applications. Use when creating multi-step forms, installation wizards, setup dialogs, or step-by-step workflow interfaces with navigation buttons. Covers assembly deployment, page management, banner configuration, validation, navigation button handling, events, and appearance customization for professional wizard interfaces.

🇺🇸|EnglishTranslated
7
Frontend Developmentsyncfusion/winforms-ui-co...

syncfusion-winforms-domainupdownext

Implement and configure the Syncfusion DomainUpdownExt control in Windows Forms applications. Use this skill when you need to create dropdown/selection controls with spin buttons, customize appearance, manage items, and enable keyboard navigation in WinForms projects.

🇺🇸|EnglishTranslated
7
Frontend Developmentloxosceles/ai-dev

javascript-function-style

When to use arrow functions vs function declarations. Follow when writing JavaScript or TypeScript functions.

🇺🇸|EnglishTranslated
7
Frontend Developmentdedalus-erp-pas/hexagone-...

web-design-guidelines

Inspection visuelle et revue de code pour la conformité aux Web Interface Guidelines. Se déclenche sur « review my UI », « check accessibility », « audit design », « review UX », « fix the layout », « find design problems ». Supporte l'analyse statique du code et l'inspection visuelle dans le navigateur avec correction automatique.

🇺🇸|EnglishTranslated
7
Frontend Developmentdedalus-erp-pas/hexagone-...

frontend

Enforces framework-native frontend development. Use the component library and CSS framework as intended — no overrides, no fighting the framework. Respects the design system, uses Tailwind best practices, and leverages the component library's built-in theming instead of bypassing it.

🇺🇸|EnglishTranslated
7
Frontend Developmentsyncfusion/blazor-ui-comp...

syncfusion-blazor-themes

Customize and apply Syncfusion Blazor themes — Theme Studio color customization, CSS/SCSS integration, lightweight themes, component filtering, and Sass variable overrides

🇺🇸|EnglishTranslated
7
Frontend Developmentvercel-labs/dev3000

analyze-bundle

Convert Next.js bundle analyzer data to NDJSON and explore it

🇺🇸|EnglishTranslated
7
Frontend Developmentashourml/marrow

marrow-align

Takes an existing component, file, or CSS and rewrites it to match the project's extracted design soul in .marrow.md. Fixes all soul violations while preserving the component's structure, logic, and functionality. Use this skill when the user wants to fix a specific file to match the design soul, align existing code to marrow rules, or repair soul violations found by marrow-check. Triggers on: /marrow-align, or prompts like "align this to marrow", "fix this to match the soul", "make this match .marrow.md", "fix the soul violations in this file", "align this component", "marrow-align [filename]". Requires .marrow.md to exist. If not found, instructs user to run /marrow first.

🇺🇸|EnglishTranslated
7
Frontend Developmentcode-visionary/react-rout...

typescript-patterns

TypeScript patterns for React Router v7 - Type-safe loaders, actions, params, generic components, and utility types

🇺🇸|EnglishTranslated
7
Frontend Developmentakillness/oh-my-skills

react-grab

Install and configure react-grab to capture React component context (file path, component name, HTML markup) from any browser UI element for AI coding agents. Use when you want to point at a UI element in the browser and instantly copy its React component name, source file path, and HTML to clipboard for Claude Code, Cursor, Copilot, Gemini, or Codex. Triggers on: react-grab, grab, grab element context, copy component to ai, point and copy to claude, ui context clipboard, element to ai agent, click component copy, grab ui component, react component inspector, browser element context, component source file, copy element context, feed element to ai, element picker, grab react component, inspect element ai, component to clipboard, react devtools ai.

🇺🇸|EnglishTranslated
7
2 scripts/Attention
Frontend Developmentcodestate-cs/figma-to-des...

design-system-aware

Enforces design token usage, component reusability, SOLID, and DRY principles when writing or editing React/Next.js frontend code. Use when creating components, pages, or modifying UI code in a project that has a design-tokens.json file.

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