给 AI 助手添一项本领
设计界面技能
设计网页、检查交互,将视觉参考变成界面。
本分类收录 7,474 个技能最近更新:2026/9/9 12:03:48
完整目录持续补全中
8,929 个来源已检查 · 7,791 个待检查官方排行榜 9,730 条已同步。按作者与来源项目继续补全其他技能。
设计界面技能
6 个结果 · 第 1 / 1 页- 查看技能
网页界面设计
设计先确定视觉方向,再实现有清晰字体、配色、留白和交互的网页界面。
来源:anthropics/skills累计安装 867,911 - 查看技能
网页体验检查
设计按网页界面规范检查可访问性、交互、表单、排版和常见体验问题。
来源:vercel-labs/agent-skills累计安装 618,511 - 查看技能
界面与交互设计
设计结合产品类型选择界面风格、色彩、字体和组件模式,辅助设计完整的用户体验。
来源:nextlevelbuilder/ui-ux-pro-max-skill累计安装 349,979 - 查看技能
现有网站改版
设计审查现有页面的视觉和交互问题,在保留产品功能的基础上改进界面。
来源:leonxlnx/taste-skill累计安装 334,905 - 查看技能
品牌视觉规范
设计将品牌配色、字体、标志和视觉规则整理成可复用的品牌素材与设计约束。
来源:leonxlnx/taste-skill累计安装 278,999 - 查看技能
设计图转页面
设计根据参考图片或设计稿还原页面,关注布局、尺寸、字体和组件的视觉对应。
来源:leonxlnx/taste-skill累计安装 274,133
从找到技能,到真正用上
三步,让助手帮你做事
技能是一份可复用的任务说明和相关资源,安装到支持技能的 AI 助手后使用。
- 选择要解决的问题进入详情,核对用途、需要提供的资料与运行条件。
- 复制并运行安装命令电脑需已安装 Node.js。在项目文件夹的终端运行命令,按提示选择 Codex、Claude Code 或其他支持的助手。
- 把任务交给助手重新打开助手,复制中文示例,替换成自己的需求;需要的账号、依赖或外部服务按源项目配置。
目录根据 skills.sh 官方接口、公开站点地图及作者目录同步。中文详解为人工整理;其他条目的用途标签按名称归类,未确认的归入“其他用途”。保留技能原名与安装标识,来源目录持续更新,当前收录数不等同于上游累计总数。第三方技能按源项目许可证使用。收录说明