Menu
用户交互界面风格设计指南 在涉及任何前端或APP界面编写任务前都务必要阅读此指南
Le prompt qui vérifie d'abord la source est sélectionné par défaut. Vous pouvez passer à une commande directe ou télécharger une copie locale.
Lisez SKILL.md et les fichiers associés affichés par SkillsMP avant de décider de l'installer.
Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.
Une commande directe contourne le prompt de vérification. Examinez la source avant de l'exécuter.
npx skills add https://github.com/Nixdorfer/ClaudeCodeTool --skill uiLa commande reste sur une seule ligne. Faites défiler horizontalement pour la vérifier avant de la copier.
Vous préférez une copie locale ? Téléchargez les fichiers actuellement disponibles dans SkillsMP.
Affichage de SKILL.md
| name | ui |
| description | 用户交互界面风格设计指南 在涉及任何前端或APP界面编写任务前都务必要阅读此指南 |
根据项目需求选择合适的风格 阅读对应目录下的子文件获取完整规范 每个风格目录包含: base.md(基本要求) colors.md(配色体系) effects.md(特效系统) typography.md(排版规范) animation.md(动画体系)
| 目录 | 风格 | 特征 |
|---|---|---|
| liquid-glass/ | 深色液态玻璃 (默认) | 极暗背景 半透明模糊 绿色强调 苹果质感 |
| cyberpunk/ | 赛博朋克 | 深蓝黑底 霓虹发光 切角设计 故障艺术 |
| space-scifi/ | 太空科幻 | 深空黑底 星空粒子 HUD面板 全息投影 |
| steampunk/ | 蒸汽朋克 | 暗褐底 黄铜金属 齿轮元素 维多利亚衬线 |
| vaporwave/ | 蒸汽波 | 深紫夜底 粉紫渐变 透视网格 Win95风格 |
| 8bit/ | 8-Bit 像素风 | 像素化边框 低分辨率美学 游戏UI 血条经验条 |
| dark-gothic/ | 暗黑哥特 | 深黑紫底 尖拱窗花 烛火光效 铁链蔷薇 |
| japanese-wa/ | 和风日式 | 和纸质感 墨绘水彩 障子格窗 侘寂美学 |
| wuxia/ | 武侠水墨 | 宣纸底纹 毛笔书法 山水画意境 卷轴印章 |
| modern-minimal/ | 现代极简 | 大量留白 细线条 无装饰 功能至上 |
| nature-forest/ | 自然森系 | 纸张木纹质感 树叶元素 手绘风 柔和有机 |
| editorial/ | 报纸排版 | 多栏布局 首字下沉 衬线标题 经典印刷 |
| kawaii/ | 卡哇伊 | 粉彩色系 圆润造型 糖果质感 波浪分区 |
| memphis/ | 孟菲斯 | 大胆几何 高饱和色块 粗边框 偏移阴影 |
| tropical/ | 热带度假 | 渐变天空 波浪分区 棕榈树 明快色彩 |
| western-fantasy/ | 西方奇幻 | 石质纹理 金色装饰 魔法符文 中世纪衬线 |
Basé sur la classification professionnelle SOC