·frontend-design
</>

frontend-design

Créez des interfaces frontales uniques de qualité production avec une qualité de conception élevée. Utilisez cette compétence chaque fois que l'utilisateur demande à créer des composants Web, des pages, des artefacts, des affiches ou des applications, tels que 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érez du code et des conceptions d'interface utilisateur créatives et raffinées qui évitent l'esthétique générique de l'IA.

7Installations·1Tendance·@jackiexiao

Installation

$npx skills add https://github.com/jackiexiao/jackie-skills-dev --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/jackiexiao/jackie-skills-dev --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 : jackiexiao/jackie-skills-dev.

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 uniques de qualité production avec une qualité de conception élevée. Utilisez cette compétence chaque fois que l'utilisateur demande à créer des composants Web, des pages, des artefacts, des affiches ou des applications, tels que 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érez du code et des conceptions d'interface utilisateur créatives et raffinées qui évitent l'esthétique générique de l'IA. Source : jackiexiao/jackie-skills-dev.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

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

Browse more skills from jackiexiao/jackie-skills-dev

Réponses rapides

Qu'est-ce que frontend-design ?

Créez des interfaces frontales uniques de qualité production avec une qualité de conception élevée. Utilisez cette compétence chaque fois que l'utilisateur demande à créer des composants Web, des pages, des artefacts, des affiches ou des applications, tels que 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érez du code et des conceptions d'interface utilisateur créatives et raffinées qui évitent l'esthétique générique de l'IA. Source : jackiexiao/jackie-skills-dev.

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/jackiexiao/jackie-skills-dev --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/jackiexiao/jackie-skills-dev