ui

star 1.4k

Project N.E.K.O. 胶囊化 UI、品牌蓝视觉系统规范

Project-N-E-K-O By Project-N-E-K-O schedule Updated 1/27/2026
play_arrow Run Skill in Manus View GitHub

name: 🎨 UI 设计规范 description: Project N.E.K.O. 胶囊化 UI、品牌蓝视觉系统规范

🎨 UI 设计规范

核心视觉标准

  1. 胶囊化 (Capsule UI): 所有交互元素使用大圆角 (border-radius: 50px)
  2. 品牌蓝 (Neko Blue): 主色 #40C5F1，描边 #22b3ff
  3. 圆润描边: 使用20层 text-shadow 矩阵实现标题描边效果

关键避坑

  • i18n 图标消失: 翻译更新时检测 HTML 标签，使用 innerHTML 保留图标
  • Select 被裁剪: 包含下拉框的容器必须设置 overflow: visible
  • 按钮交互: Hover translateY(-1px) + Active translateY(1px) scale(0.98)

参考文档

Install via CLI
npx skills add https://github.com/Project-N-E-K-O/N.E.K.O --skill ui
Repository Details
star Stars 1,414
call_split Forks 183
navigation Branch main
article Path SKILL.md
Occupations
Project Management Specialists
More from Creator
Project-N-E-K-O
Project-N-E-K-O Explore all skills →