·frontend-design
</>

frontend-design

✓
leastbit/claude_skills_zh-cnGitHub: leastbit/claude_skills_zh-cnFonte: leastbit/claude_skills_zh-cn

Crea interfacce front-end uniche, di livello produttivo e di alta qualità. Utilizza questa competenza quando gli utenti ti chiedono di creare componenti web, pagine, lavori, poster o applicazioni (ad esempio siti web, pagine di destinazione, dashboard, componenti React, layout HTML/CSS o per definire uno stile per qualsiasi interfaccia utente web). Genera codice creativo e raffinato e progetti di interfaccia utente, evitando l'estetica generica dell'IA.

leastbit·frontend·design
27Installazioni·0Tendenza·@leastbit

Installazione

GitHub: leastbit/claude_skills_zh-cn
$npx skills add https://github.com/leastbit/claude_skills_zh-cn --skill frontend-design

Come installare frontend-design

Installa rapidamente la skill AI frontend-design nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/leastbit/claude_skills_zh-cn --skill frontend-design
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: leastbit/claude_skills_zh-cn.

SKILL.md

Visualizza raw

绝不使用千篇一律的 AI 生成审美，如过度使用的字体（Inter、Roboto、Arial、系统字体）、陈词滥调的配色方案（尤其是白底紫色渐变）、可预测的布局和组件模式，以及缺乏情境特色的模板化设计。

创造性地诠释并做出出人意料的选择，让设计真正契合情境。没有两个设计应该雷同。在浅色和深色主题、不同字体、不同美学之间变换。绝不在多次生成中趋同于常见选择（例如 Space Grotesk）。

重要：让实现复杂度匹配美学愿景。极繁主义设计需要精心编写的代码，包含大量动画和效果。极简主义或精致设计需要克制、精准，并仔细关注间距、字体排版和微妙细节。优雅来自于对愿景的出色执行。

Crea interfacce front-end uniche, di livello produttivo e di alta qualità. Utilizza questa competenza quando gli utenti ti chiedono di creare componenti web, pagine, lavori, poster o applicazioni (ad esempio siti web, pagine di destinazione, dashboard, componenti React, layout HTML/CSS o per definire uno stile per qualsiasi interfaccia utente web). Genera codice creativo e raffinato e progetti di interfaccia utente, evitando l'estetica generica dell'IA. Fonte: leastbit/claude_skills_zh-cn.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/leastbit/claude_skills_zh-cn --skill frontend-design
Fonte
leastbit/claude_skills_zh-cn
Categoria
</>Sviluppo
Verificato
✓
Prima apparizione
2026-02-01
Aggiornato
2026-03-11
URL
https://www.learn-skills.dev/it/skills/leastbit/claude_skills_zh-cn/frontend-design

Browse more skills from leastbit/claude_skills_zh-cn

Risposte rapide

Che cos'è frontend-design?

Crea interfacce front-end uniche, di livello produttivo e di alta qualità. Utilizza questa competenza quando gli utenti ti chiedono di creare componenti web, pagine, lavori, poster o applicazioni (ad esempio siti web, pagine di destinazione, dashboard, componenti React, layout HTML/CSS o per definire uno stile per qualsiasi interfaccia utente web). Genera codice creativo e raffinato e progetti di interfaccia utente, evitando l'estetica generica dell'IA. Fonte: leastbit/claude_skills_zh-cn.

Come installo frontend-design?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/leastbit/claude_skills_zh-cn --skill frontend-design Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/leastbit/claude_skills_zh-cn

Dettagli

Categoria
</>Sviluppo
Fonte
skills.sh
Prima apparizione
2026-02-01

Skills correlate

pptx
22 Installazioni
docx
19 Installazioni
xlsx
19 Installazioni
algorithmic-art
17 Installazioni
canvas-design
17 Installazioni
theme-factory
17 Installazioni