·frontend-design
</>

frontend-design

✓
wade56754/ai_ad_spend02GitHub: wade56754/ai_ad_spend02Fonte: wade56754/ai_ad_spend02

Competenza di progettazione frontend, utilizzata per la progettazione di componenti dell'interfaccia utente, layout dell'interfaccia, revisione della coerenza del sistema di progettazione, ottimizzazione CSS/Tailwind, progettazione reattiva e controlli di accessibilità. Utilizza questa abilità quando prendi decisioni sulla progettazione dell'interfaccia utente, pianifichi le strutture dei componenti, conduci revisioni della progettazione o ottimizzi gli stili.

wade56754·frontend·design
13Installazioni·0Tendenza·@wade56754

Installazione

GitHub: wade56754/ai_ad_spend02
$npx skills add https://github.com/wade56754/ai_ad_spend02 --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/wade56754/ai_ad_spend02 --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: wade56754/ai_ad_spend02.

SKILL.md

Visualizza raw

| 一致性 | 统一的视觉语言和交互模式 | 颜色、间距、字体、圆角 | | 层次感 | 清晰的信息层级和视觉重点 | 标题大小、颜色对比、空间分布 | | 可预测 | 用户可预期的交互行为 | 按钮反馈、加载状态、错误提示 | | 可访问 | 符合 WCAG 2.1 AA 标准 | 对比度、键盘导航、屏幕阅读器 |

| H1 | text-2xl font-bold | 页面标题 | | H2 | text-xl font-semibold | 区块标题 | | H3 | text-lg font-medium | 卡片标题 | | Body | text-sm | 正文 | | Caption | text-xs text-muted-foreground | 辅助说明 |

| sm | 640px | 手机横屏 | | md | 768px | 平板竖屏 | | lg | 1024px | 平板横屏/小笔记本 | | xl | 1280px | 桌面 | | 2xl | 1536px | 大屏桌面 |

Competenza di progettazione frontend, utilizzata per la progettazione di componenti dell'interfaccia utente, layout dell'interfaccia, revisione della coerenza del sistema di progettazione, ottimizzazione CSS/Tailwind, progettazione reattiva e controlli di accessibilità. Utilizza questa abilità quando prendi decisioni sulla progettazione dell'interfaccia utente, pianifichi le strutture dei componenti, conduci revisioni della progettazione o ottimizzi gli stili. Fonte: wade56754/ai_ad_spend02.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

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

Browse more skills from wade56754/ai_ad_spend02

Risposte rapide

Che cos'è frontend-design?

Competenza di progettazione frontend, utilizzata per la progettazione di componenti dell'interfaccia utente, layout dell'interfaccia, revisione della coerenza del sistema di progettazione, ottimizzazione CSS/Tailwind, progettazione reattiva e controlli di accessibilità. Utilizza questa abilità quando prendi decisioni sulla progettazione dell'interfaccia utente, pianifichi le strutture dei componenti, conduci revisioni della progettazione o ottimizzi gli stili. Fonte: wade56754/ai_ad_spend02.

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/wade56754/ai_ad_spend02 --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/wade56754/ai_ad_spend02

Dettagli

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

Skills correlate

superpowers-factory-bridge
6 Installazioni
code-cleanup
5 Installazioni
superclaude-enhancer
5 Installazioni