·frontend-design
</>

frontend-design

Créez des interfaces frontales distinctives de qualité production avec une qualité de conception élevée. Utilisez cette compétence lorsque l'utilisateur demande à créer des composants Web, des pages, des artefacts, des affiches ou des applications (les exemples incluent des sites Web, des pages de destination, des tableaux de bord, des composants React, des mises en page HTML/CSS ou lors du style/embellissement d'une interface utilisateur Web). Génère un code créatif et raffiné et une conception d'interface utilisateur qui évite l'esthétique générique de l'IA.

8Installations·1Tendance·@guangtouwangba

Installation

$npx skills add https://github.com/guangtouwangba/weaver --skill frontend-design

Comment installer frontend-design

Installez rapidement le skill IA frontend-design dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/guangtouwangba/weaver --skill frontend-design
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : guangtouwangba/weaver.

This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.

The user provides frontend requirements: a component, page, application, or interface to build. They may include context about the purpose, audience, or technical constraints.

Before coding, understand the context and commit to a BOLD aesthetic direction:

Créez des interfaces frontales distinctives de qualité production avec une qualité de conception élevée. Utilisez cette compétence lorsque l'utilisateur demande à créer des composants Web, des pages, des artefacts, des affiches ou des applications (les exemples incluent des sites Web, des pages de destination, des tableaux de bord, des composants React, des mises en page HTML/CSS ou lors du style/embellissement d'une interface utilisateur Web). Génère un code créatif et raffiné et une conception d'interface utilisateur qui évite l'esthétique générique de l'IA. Source : guangtouwangba/weaver.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/guangtouwangba/weaver --skill frontend-design
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-22
Mis à jour
2026-03-11

Browse more skills from guangtouwangba/weaver

Réponses rapides

Qu'est-ce que frontend-design ?

Créez des interfaces frontales distinctives de qualité production avec une qualité de conception élevée. Utilisez cette compétence lorsque l'utilisateur demande à créer des composants Web, des pages, des artefacts, des affiches ou des applications (les exemples incluent des sites Web, des pages de destination, des tableaux de bord, des composants React, des mises en page HTML/CSS ou lors du style/embellissement d'une interface utilisateur Web). Génère un code créatif et raffiné et une conception d'interface utilisateur qui évite l'esthétique générique de l'IA. Source : guangtouwangba/weaver.

Comment installer frontend-design ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/guangtouwangba/weaver --skill frontend-design Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/guangtouwangba/weaver