·frontend-design
</>

frontend-design

yyh211/claude-meta-skill

Crée des interfaces frontales uniques de qualité production avec une qualité de conception exceptionnelle. À utiliser lorsque l'utilisateur demande à créer des composants Web, des pages, des supports, des affiches ou des applications (par exemple, des sites Web, des pages de destination, des tableaux de bord, des composants React, des mises en page HTML/CSS ou le style/embellissement d'une interface utilisateur Web). Génère du code et des conceptions d'interface utilisateur créatives et soignées qui évitent l'esthétique médiocre de l'IA.

15Installations·0Tendance·@yyh211

Installation

$npx skills add https://github.com/yyh211/claude-meta-skill --skill frontend-design

SKILL.md

创造性诠释是关键。不要问用户"你想要什么颜色?",而是基于上下文做出大胆的设计决策。每个设计都应该是独一无二的。在不同项目之间变化浅色/深色主题、字体和美学风格。

Crée des interfaces frontales uniques de qualité production avec une qualité de conception exceptionnelle. À utiliser lorsque l'utilisateur demande à créer des composants Web, des pages, des supports, des affiches ou des applications (par exemple, des sites Web, des pages de destination, des tableaux de bord, des composants React, des mises en page HTML/CSS ou le style/embellissement d'une interface utilisateur Web). Génère du code et des conceptions d'interface utilisateur créatives et soignées qui évitent l'esthétique médiocre de l'IA. Source : yyh211/claude-meta-skill.

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/yyh211/claude-meta-skill --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 ou Cursor

Voir l'original

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/yyh211/claude-meta-skill --skill frontend-design
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-01
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que frontend-design ?

Crée des interfaces frontales uniques de qualité production avec une qualité de conception exceptionnelle. À utiliser lorsque l'utilisateur demande à créer des composants Web, des pages, des supports, des affiches ou des applications (par exemple, des sites Web, des pages de destination, des tableaux de bord, des composants React, des mises en page HTML/CSS ou le style/embellissement d'une interface utilisateur Web). Génère du code et des conceptions d'interface utilisateur créatives et soignées qui évitent l'esthétique médiocre de l'IA. Source : yyh211/claude-meta-skill.

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/yyh211/claude-meta-skill --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 ou Cursor

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

https://github.com/yyh211/claude-meta-skill