Skip to content

5 个 UI 开源 Skill — 让 AI 写出来的东西更像人设计过

一句话总结

SkillStars功效适合场景
Taste-Skill34.1k让页面不丑官网、产品页、落地页、作品集
Web Designer Plugin43让页面有设计方向想做更有设计感的网页,不想只堆卡片
Emil Kowalski Skill2.1k让细节更精致把页面从能看打磨到舒服
Magic Slide147让演示稿更专业产品介绍、项目路演、方案展示
Awesome DESIGN.md87.8k让风格更统一粘贴 DESIGN.md,AI 按指定风格生成界面

定位分层

防丑层:Taste-Skill
  ↓
设计方向层:Web Designer Plugin
  ↓
精致化层:Emil Kowalski Skill
  ↓
风格护栏层:Awesome DESIGN.md
  ↓
输出层:Magic Slide(演示稿)

Taste-Skill 三档旋钮

  • DESIGN_VARIANCE:布局实验度(低=居中干净,高=不对称现代)
  • MOTION_INTENSITY:动效深度(低=hover,高=scroll/magnetic)
  • VISUAL_DENSITY:信息密度(低=留白,高=密集仪表盘)

Web Designer Plugin 决策框架

MOOD(情感调性)
  ↓
PALETTE(配色)
  ↓
TYPE(字体策略)
  ↓
LAYOUT(节奏)
  ↓
MOTION(动效)
  ↓
SIGNATURE(让设计被记住的那一件事)

Awesome DESIGN.md 收录(72+)

覆盖:AI/LLM平台、开发者工具、后端/DevOps、生产力 SaaS、设计工具、金融、电商、汽车、复古 Web(Nostalgia 系列)

关联资源

Released under the MIT License.