
Make Interfaces Feel Better
Skill设计工程师 Jakub Krehel 整理的界面细节打磨技能:动效、字体、图标、悬停状态、视觉对齐、同心圆角、阴影与点击区域等,支持快速和完整两种走查模式,帮 agent 在做界面或评审时把细节做到位。作用于网页项目代码,安装需本机 Node.js。
An agent skill focused on the small details that make interfaces feel better.
The skill covers animations, typography, icons, hover states, optical alignment, concentric border radius, shadows, hit areas and more.
Install
npx skills add jakubkrehel/make-interfaces-feel-better
相關資源

Skills For Designers and Engineers
SkillSonner、Vaul 作者 Emil Kowalski 编写的设计工程技能:帮助选择动画曲线与时长,评审和改进动效,吸收 Apple 设计原则,让网页在手机上更像原生应用,并协助选择 UI 库、做多版本原型。
emilkowalski/skills54.8k
Web Design Guidelines
Skill按 Vercel 的 Web Interface Guidelines 审查界面代码,覆盖无障碍、焦点、表单、动画、排版、深色模式等规则,以「文件:行号」列出问题;每次审查前联网拉取最新规则。Vercel 官方维护。
vercel-labs/agent-skills33.7k
Jakub Krehel Skills
Skill设计工程师 Jakub Krehel 的界面技能合集,共 11 个:排版、配色、布局、无障碍与界面文案专项改进,外加整体界面走查、拆解网页动效做法、组件全状态压力测试和多版本方案生成。作用于网页项目代码,安装需本机 Node.js。
jakubkrehel/skills11.7k
User Interface Wiki
Skill「更好界面的活手册」配套技能:把动效与缓动曲线、退出动画、界面音效、交互定律、预加载和排版等 12 类共 152 条规则交给 agent,用于编写或评审网页界面代码,并以「文件:行号」列出问题。需已有网页项目代码,安装需本机 Node.js。
raphaelsalaja/userinterface-wiki945
Frontend Design
Skill引导 agent 在新建或改版界面时先确定视觉方向,在配色、字体与布局上做有取舍的选择,避免千篇一律的模板化 AI 界面。Anthropic 官方技能。
anthropics/skills191k
UI UX Pro Max
Skill界面设计知识库技能:按产品类型检索界面风格、配色、字体搭配、图表与 UX 规范,并生成完整设计系统,覆盖 React、SwiftUI、Flutter 等 22 种技术栈。需本机安装 Python 3。
nextlevelbuilder/ui-ux-pro-max-skill147k