ui设计师有哪些好用的skills
如果不想学习，你用 x 设计主要学什么软件？如果要转行做一个 x 设计师的话，就是现在主要就是学一个 fig 码就够了。五六年前会有人 或者现在还有一些公司他会用 sketch， 但是你学一个 fig 码也就够了，因为 fig 码和 sketch 的 操作基本是一样的，你学了 fig 码之后再学操作 sketch 的 话，是完全没有任何的学习成本的，基本打开就会的。所以说现在推荐还是学 ppt 码，因为它是最新的， 最好公认的一个。嗯，用来画界面的一个软件。嗯，做于 i x 设计师更多的应该是关注在前期的这种调研，用户 问题的挖掘，不同设计方案的思考，包括后面设计方案的验证啊，或者是数据分析啊，或者是后面的设计经验的沉淀上面，而不是关注在这种软件层面怎么用 软件画好一个界面。不过把用一个软件画好界面也很重要，我发现也有一些初级新手入行的时候，他也是比较难把一个界面画好的， 当然这个基础的视觉层面的东西，基本功还是要打扎实的。还有现在他可能会有一些国内的高校他会用 ps， 可能有的课程作业要用 ps 来画界面，这个就有点夸张了，我建议还是直接用 figma 就 行了。 然后还有可能有的没接触过设计的人就会说，老师，我们 ps 要不要去学一下 ps 其实现在 感觉已经是快被淘汰的一个设计软件了，就做与 x 设计师完全都不需要学 ps。 我 感觉我已经五六年都没用过 ps 了，就一直用 figma 就 可以打天下了。还有一个 aigc 相关的那些 软件可以去学一下，就比如说 media junior and stevie， stable division 这种软件， ai 这种软件可以在短期内快速地帮我们生成一些好看的视觉运营图，在工作提效上面帮助还是挺大的。 aigc 相关的这种软件可以去学一下，现在主流就是一个 figa 还有 aigc 相关的软件， 然后还有做。很多人会有问我做动效相关的，其实 u x 设计师做动效无非就是说要做成界面中的动态交互的那种 demo 什么之类的，这个用飞格玛也完全可以做了，前几年会有那种专门的动效软件去做，现在飞格玛已经完全可以覆盖这种功能了。 所以我为什么说飞利马真的是很强大，什么都能做，还有可能会有宝图问什么 a e 要不要学？ a e 不是 也是做动画的吗？ a e 它不是说是做交互动效， 它是做那种复杂的那种动效，运营上面的那种动效，它会用到 a e， 比如说什么光的那种投射啊，或者是 一些 ip 人物的表情变脸呀什么之类的。这种很复杂这种动向是要用 a e 做的，但这个也不是 u i x 的 工作内容，它更像是视觉设计师的工作内容，所以 a e。 也 不介意去。如果你精力有限，我短期内要迅速地转行做 u i x 设计师， a e。 也不介意写，除非说你已经做了 四五年了，想拓展一下技能点，那可以去学一下，精力比较旺盛了。你在短期内还是要先把最重要最基础的东西先打打扎实了，再去考虑一些别的提升或者技能拓展上的东西。 然后还有的一些同学啊，或者是他之前是一些建筑行业的，或者是什么城市规划行业的， 他就问我老师，我之前有这种手绘基础，你如果做 u iux 设计师，需不需要会手绘啊？说手绘就更没必要了，其实做 u iux 设计师它是画界面嘛，它是完全不需要什么插画的， 只有像游戏 u i 它上面的插画也是专门有画师去画的，也不需要说让 u iux 设计师去画。 所以手绘技能如果你原来会呢，会有一些帮助，因为毕竟设计是相通的嘛，它在提升你的一些审美能力啊，构图这种方面还是有一些基础底子在的。 但如果你们完全没有接触过，完全不会，就没必要说去专门去学这个东西。做 u i x 设计是完全不需要会什么手绘的，更多的还是说在思维层面上，我怎么去发现问题， 就是说能精准的发现一些真正对的问题也是很重要的，发现问题之后，我怎么去解决问题，我怎么去验证我这个问题到底能解决了没解决，这种设计思维才是最重要的东西。
粉丝1569获赞9320
相关视频
02:19查看AI文稿AI文稿今天给大家分享一下飞马官方出的这些 skill 的 用法，然后测试一下让 skill 调用你的飞马设计组件来搭建页面的最终效果。那在上个视频中，有朋友问我 cloud code 用的是什么模型，必然是 cloud 自家最强的 oppo 四点六模型。 因为是接的第三方没有公开的一套中转方案，所以知道的人比较少，而且永远不会有被封号的问题。如果有需要的朋友，我也会把这套中转方案更新在群问当中。 ok， 我 们首先聊一下 figma skill 的 安装问题，简单来说就是你想用下面这些 skill， 就 必须先安装上面这个 skill 为 基础。那点进去之后，官方跳转的是 get up 的 文件包，但是用压缩包安装对于我们这种非 cloud code 的 客户端用户来说非常不友好，因为自己添加的文件路径 cloud code 是 很难识别到的。我已经亲测踩雷了，所以我们要复制 skill 的 名称，去这个网站搜索， 复制这里的命令行来终端里安装。安装的时候后面加上空格杠 g， 空格杠 a cloud code 这个杠 g 的 意思就是全区杠 a 的 意思就是 agent 后边跟上 cloud code， 这样 skill 就 能在全区项目中用 cloud code 时都生效。装好之后，我们按同样的方法把这个 skill 也装上。这个 skill 就是 可以读取你 figma 项目中的设计规范与组建，然后就可以用这些组建来搭建页面。那我首先找来了 l b n b 的 一部分组建，让他帮我搭建个民宿的推荐页。 出来的效果组件在还原度上看上去好像没什么问题，但只要仔细查看就会发现这里的卡片组件右侧多出来的间距，甚至这里的字体用的压根不是 l b n b 这套规范。然后我们来 figma skill 网站再安装这个 skill， 这个 skill 可以 审查组建的还原度问题并纠正。安装好之后，我们就用这个 skill 在 cloud code 里跑一下，发现这个 skill 确实纠出了许多问题，然后看一下它还原后的效果。这卡片组建确实得到了修复，但字体依然是老样子。目前来看，调用这两个 skill 并不能完全交给它来搭建，组 建，仍然需要手动去介入。这个视频我也不会大肆去宣扬 skill 有 多夸张，只是想让各位了解一下 ai 的 真实。 虽然目前的效果并不完美，但我相信以 ai 的 进化速度，很快就会得到解决，所以我们更应该时刻关注他的能力边界。视频制作不易，测试和学习过程背后都是头肯在燃烧。如果对你有帮助，记得点赞关注支持一下。
266游黎Yuri
01:33查看AI文稿AI文稿五个前端顶级 skill in tagble 这是一个专为 ai 编码工具设计的 skill 合集， github 上已经收获超二十五 k star， 用于提升 ai 生成界面的设计质量。内置前端设计反模式词典，明确告诉 ai 绝对不能犯哪些低级错误，生成的代码不仅功能完整，且更具备高级的视觉质感。 task skill 同样是一个能够提升 ai 前端设计品味的工具，只需一个 skill 文件就能让你的分为编码 ai 不 再每次都生成千篇一律、毫无新意的作品，同时支持 react、 vivo 和 spell 三大主流框架中使用，给 top 上已有一万五千多人疯狂收藏。 skills 由前端大神安森尼夫精心挑选的技能，合集 y 和 nars 开发人员的一站式资源库，把官方文档、最佳实践、个人经验结构化，让 ai 的 生成代码更符合社区规范，同时处理生成代码不规范、不符合现代前端最佳实践、配置混乱等问题。 高德地图 skill 它将高德地图 g s a p i 二点零的官方文档、最佳实践和代码模板集成到结构化的技能文件中，利用 ai 编辑器自动生成符合官方规范的地图代码包， 包含地图初识化、覆盖物、世间布局等模块核心 a p i 帮助开发者快速集成高德地图，并遵循正确的使用方式。 u i u x pro max scale 如果你的 ai 写 ui 还达不到这样的设计标准，界面丑得像二十年前的网页，并且还不支持自定义配色方案、自己搭配和图标类型等操作，这个 scale 就 可以彻底解决这些弊端。目前 gigap 已经超七点四万人收藏，可实现在跨平台和八个前端框架中使用，几个简单配置步骤即可开始。
1.6万茄子懂编程🙈
00:52查看AI文稿AI文稿刚为 ai 编程设计的 u i 神器来了！ next level builder 团队打造的 u i u 叉 pro max， 是 全球首个为 croco、 科索等 ai 编程助手量身定制的设计技能库， 刚上线就狂揽一千多新标。这个项目收入了五十七种顶级的 u i 风格，从玻璃铝钛到新铝钛应有尽有，覆盖九十五个行业色彩方案和五十六种字体黄金搭配，支持 re、 x、 x、 j、 s 等八种框架，甚至提供了九十八条专业的 u i 设计规范。 无需学习成本， ai 自动智能匹配最佳设计方案，彻底颠覆传统的 ui 设计流程。无论是啥产品、电商产品，还是医疗应用，一次指令就可生成专业级的页面。关键是完全开源，免费支持多种 ai 编程工具集成，赶紧去蹲一下，可能就是未来 ui 设计的全新范式。
521靓仔AI进化论
01:04查看AI文稿AI文稿用 cloud code 不 装 skills， 那 基本上用的就是残血版。今天给大家推荐我一直都在用的五个 skills， 它们能让 c c 的 记忆能力、上下文和 ui 设计都更出色。第一个， cloud mem， 这个相当于给 c c 装了记忆系统，每次对话结束，它就会自动把你们做了什么 压缩存下来，下次打开直接注入，再也不用从头解释，也不用手动写 cloud 的 文档。第二个， obsidian skills， 这个太火了，如果你现在在用 obsidian 管理知识库， 用这个 skill， 它能让 cloud 直接读你的知识库，把你的项目信息、决策记录、个人偏好，全部以上下文加载进来，非常好用。第三个 gsd， 正如其名， cloud code 做复杂任务经常跑出一坨。 这个 skill 能强制让 c c 走流程，比如先讨论写 plan， 在 干净的上下文里执行，执行完了要自己验证。这就像给 cloud 装了一套工作纪律，装了干活要靠谱很多。第四个， uix pro max， 这个我之前推荐过，它内置了五十多种顶级设计风格，一百多套配色和交互规范，能自动拉高 c c 的 设计标准，用简单的提示词就能跑出好看的前端。真的，这几个 skills 加在一起，会改进 c c 的 很多短板。好了，拜拜！
223AI红发魔女
02:17查看AI文稿AI文稿嗨嗨，这里是小壮，如果你用 webcoding 做出来的页面总是没有高级感，今天这条视频教你把 ui 审美直接提升一个档次，你也可以做出这样的产品。 先推荐三个 webcoding 的 审美网站和两个使用技巧，我自己也不是设计出身，但我也可以做出这样这样的界面。 第一步，审美培养库我会固定刷的三个 ui 设计网站推荐给大家。第一个， page flows， 这个网站收入了全球一线热门产品的完整 ui 设计页面和真实的用户流程视例，比如 lovable cloud， 而且还有非常详细的屏幕录像，帮你深入了解顶尖公司的 ui u 叉设计元素和产品交互方式，让我们一起向最优秀的人学习。 第二个， godly， 这是一个偏重高级感和创意感的视觉交互网站，它更具大胆、前卫的趣味性， 非常适合艺术、人文风格的 web coding 的 产品。直接抄视觉，把自己喜欢的交互录屏给到你正在 web coding 的 工具学习模仿。第三个，猫饼，这个网站支持按照不同行业和用户界面元素进行筛选，展示了更多细节层面的案例，供用户学习和 复刻。比如产品的搜索页、设置页、弹窗都有，如果你某一个页面不会做，直接来这里对着抄就行，他兼具了创意和落地的实用性， 可以帮你把细节做的更专业。第二步，借鉴小技巧方法一，截图直接复刻当你看到喜欢的 ui 设计，直接截图或者是录屏，都给你在用的外部限定的工具。以下这段提示词请参考附件中的 ui 设计风格，帮我统一优化 ui 视觉 产品功能保持不变。方法二，让 ai 帮你提炼风格。我会直接把 ui 图或者是交互录屏丢给 jimmy， 让他帮我总结一 ui 风格关键词二，交互逻辑三页面结构然后我再把 ai 提炼好的喂给我的外部口令工具。 不会设计没关系，但你要会选设计，慢慢培养自己独特的审美判断力。你喂给 ai 什么水平的设计，它就会给你做出什么样的页面，你学会了吗？
2628HiHi小壮
08:44查看AI文稿AI文稿哈喽，大家伙，答应大家的设计规范 skill 教程来了。考虑到国内大家使用的场景，这次我们就以 assign 为例。 首先我们找一套 assign 组建库，然后在变量中对颜色进行修改。这是是我们在弊端设计和前端开发中使用最多的场景，也是最方便在最后验证 skill 是 否生效的方式。 我们这里快速修改一下，把主题色从蓝色变成了橙色，修改完成后发布一下。 发布完成后，我们使用插件将变量导出为 css 文件备用。然后我们创建一个新的设计文件，调用一下我们刚刚发布的组件库。 将组建库添加到设计文件后，我们给我们的产品搭一个框架，这也是我们要让 skill 约束的框架。这样我们就搭建了一个简单的逼端框架，左侧 menu 顶部 head 中间内容容器。 这里我们可以根据实际需求确定一下尺寸。我把 menu 宽度确定为了两百像素， head 高度固定为四十八像素。接下来打开我们的大模型，这里我使用的是 codex， 让 codex 帮我们写一个 uskill， 这里给了他我们刚刚定下的一些规范，再加上之前导出的 css 文件，让他给我们先写一个框架。 codex 已经给我们创建了 skill 文件夹，其中包含了我们导出的 css 文件，以及它给我们写的 skill 点。 md， 这里我们可以先简单地看一下文件格式和内容，这里的 skill 看不懂没关系，我们后面需要逐步验证加修改， 我们马上就开始验证一下吧。让 codex 使用我们刚写好的 skill 做一个 htl 网页 dim arrow 已经完成了，我们一起打开看一下，我们可以看到好像 c s s 没有生效，并且界面好像和我们平时用组件搭的不一样。因为这是一个纯 html 文件，并不是一个完整的前端项目，所以我们继续完善 skill。 我 们在 skill 中声明默认使用 v u 架构和 enterprise 组件，如果电脑中没有，则自动安装 v u 环境和 enterprise line。 我们声明的逻辑是在没有其他要求的情况下默认执行。如果你在使用这个 skill 时，声明一定要使用 react 架构，那你的命令优先级一定会高于 skill。 skill 修改完成后，我们继续验证，这次让 codex 给我们出一个标准的 prd， zodix 生成了一个 hr 后台系统的 p r d 点 m d。 我 们先简单看一下，然后把它再丢回给 zodix， 让它使用我们的 skill， 再根据这个 p r d 做一个完整的前端项目。 codex 已经把项目做好了，我们点进来看一下，但这时候我们发现了一些问题，比如主题色还是蓝色？还记得我们在最开始把主题色改为了橙色吗？所以我们的 css 没有生效，要让 codex 给我们改一下。 经过了一段时间的调整，现在我们的 css 已经覆盖掉原来组建的样式了， 但还存在一些小问题，比如 menu 的 颜色还是没覆盖，深浅色没有。加上我们继续调整， 这里的修改不需要什么特殊的技巧，哪里有问题就指出来让 ai 修改就好了。我这里修改了 menu 颜色、深浅色全局切换问题以及 police horse 深浅色切换的问题等。 当我们检查觉得没有问题后，需要让 ai 把刚刚修改的注意事项加入到 skill 中，因为我们这次调整的目的就是为了优化 skill， 下面我们来一起看一下我们刚刚优化好的 skill 吧。首先是我们最开始写的调用 css 以及页面框架， 然后是 css 文件覆盖，组建原有样式的逻辑， 以及中间的一些通用标准。再往下是环境和组建库的指令，这里可以换成任意你正在使用的环境和组建库，如果是开源的，直接装依赖即可。如果是公司内部的，可以找前端同学帮忙写如何调用。 接下来我们尝试一下特殊情况，比如 ai 无论如何都听不懂你的话了，或者 ai 的 审美着实不行，需要你自己动手去修改一下，那就回到了我们之前视频的内容， ai to figma。 为了节约时间，我们还是找出老朋友 cloud 继续使用 codex 应该也是可以的。 cloud 只是已经提前配置好，录视频的时候更方便。还是熟悉的流程，输入网页地址和 figma 画布链接，让 cloud 把网页写入到 figma 上。 还是熟悉的流程， cloud 捕获网页后，点击发送到 figma， 即可在 figma 中创建画板。 此时我们对 figma 里面的设计稿进行编辑，这里我为了演示就只做了简单的修改。 修改完成后，我们复制 figma 链接到 codex， 让 codex 根据最新的设计稿来更新前端界面。 在 codex 干活期间，我来简单做一下总结， scale 是 需要逐渐完善逐渐细化的东西，操之过急会留下非常多的隐患，所以尽量拉上前端一起学习和研究。 另外，一定要积极拥抱 ai 和使用 ai。 在 这次 scale 跑通后，发现 figma 会逐渐从设计师的主力工具变为辅助工具，所有岗位的主力工具都会是 ai 大 模型。 另外，最近除了研究 y skill 外，还从朋友那拿到了交互文档 skill， 与产品经理一起在写产出结构化 p r d。 的 skill 以及任务拆分、项目管理飞书 m c p 自动化对接等内容验证跑通后也会分享给大家， 有兴趣的话可以点点关注蹲蹲后续 godx 已经跑完，看起来还不错，基本达到了可用的标准。 这里还有这次我们一起写的 skill 加 css 文件以及这次例子的代码，我会一起放到评论区或私信找我领取哦。 今天的视频到这里就结束了，如果本期视频对你有帮助的话，麻烦点赞、收藏加关注，这对我很重要，谢谢！
1992LIULEI
01:55查看AI文稿AI文稿我的电脑装了上百个 skill， 但其实每天真正在用的就只有这八个，那我把它分成两组，一个是做产品写代码的，一边是搞自媒体的。那我们先说做产品的这一组， 当你想要做点工具啊，网站啊，我都是从 superpowers 这个技能组开始的。那其中有两个 skill， 我 最常用 wordstorming。 那 帮你把想法聊清楚， writing plan 呢？把你的想法拆成可以执行的步骤，那很多时候脑子里面只有一个模糊的想法，一个方向的时候啊， 跟这两个 skill 聊一圈，那思路就会慢慢的顺了。当代码跑起来的时候啊，页面通常不是很好看，那我就会把它丢给 fronten 的 design， 还有 u x or max。 那 让 cloud 重新过一遍排版，配色，交互细节，那就算你不懂设计也没有关系啊，它会自己去判断，最终帮你做出比较好看的页面。那然后呢，我就会用 a v t m c p 来去做自动化测试，那去帮我修改一些细节，它会让 cloud 装成真实的用户，去点你的页面，那看哪里会有问题，那自动的帮你去改。 以前这一步都是我手工在测啊，现在我是直接用这个 m c p 在 跑另一条线啊，是做自媒体，那我查资料的时候，就会用 agent rich 让 carol 的 联网搜索直接整理成我想要的格式。那当稿子写出来之后啊，我几乎避过回门 neither zh 这个 skill， 那 ai 写的句子啊，通顺归通顺啊，那读起来就是没有人味。那这个 skill 专门治这个问题，那过完之后啊，就会自然很多。 那下一步呢？就是 content risk detector， 这是我自己写的一个 skill。 那 在平台发布内容的时候，最怕踩到敏感词被限流，所以我发布前都会用这个 skill 扫一遍，那这样才放心。 最后一个 skill 是 我觉得最有价值 skill creator， 那 它可以把多个 skill 串成一个自定义的工作流。比如我刚才查资料啊，写稿啊， qq 啊检测的这一条内容线，那现在我把它封装成一个 skill， 就 能把整个流程抛起来，你不需要每次一步一步地去调，那你可以让 cloud 按你的方式来工作。 那这八个 skill 两条线基本上覆盖了我百分之九十的日常场景。那你们都在用什么 skill？ 欢迎在评论区分享。
1.2万起哥的AI实战
02:23查看AI文稿AI文稿如果你使用过呢，用 cortex 去做设计师个人作品集的话呢？你就知道我们以前用 ps 拍板做作品集是多么的痛苦啊， 因为 ps 做的作品集的话，本质还是像素，它是一个静态的，对吧？那你用 cortex 做的话呢，它是做的是个人网站，那是它是可以交互的，那可以交互的话是什么呢？就是你是可以让你的作品集动起来，而且是有互动性的。 那在这个 ai 时代里面的话呢，我们做设计师的一个方式，做做美学方式，是不是应该也可以改变一下？对呗，那这样的话就是你的 给啊，面试官那个印象也会不一样，你还是说我还是拿一个什么发过去个 pdf， 对 吧？跟你发一个个人网站过去的话呢，这种 视觉效果展现那会差距会非常大的，而且的话他制作效率的话呢，会特别高，你看这三个的话呢？那个，呃，作品集的话呢？其实我就是一个下午的时间做出来的， 而且你还不需要什么再去一张张去排版，你可以什么？你可以同时丢非常非常多的作品丢给他，注意分组丢哈，不要一起丢，因为他他不好跟你分，就是一组一组作品丢给他，让他呢自动给你排版，然后呢再写上文案，对吧？你看这种交互性的网站 就好太多了，而且是他是可以动起来的，这样子话呢，你是可以干嘛呢？你是可以让你整个这个作品的展现方式，对吧？就更加直观一些， 而不是什么呢？而不是说我又是发一个非常大的一个作品，对吧？动不动几百兆或者一个 g， 别人下起来这么麻烦，那丢个网址过去的话呢？那这样去面试官打开来的话来看的话呢， 是会有惊喜的啊，别看现在那个那个现在什么用 gmail 啊，或用酷派克斯啊，你做这个设计师个人作品及网站的话是特别简单，但是你发现啊，但真正去做的人其实很少啊，就像现在什么就俏皮皮的 mj 二， 已经非常非常多人都知道他是很厉害，对吧？但是你问一下身边的设计师的话呢，真正有用过他的人其实少之又少啊，对吧，很多人有连那个 gdp 对 吧？都上不去， 是不是都说还是有信息差的，所以赶紧用克莱斯做更多品质啊。这个真的是效果非常快，而且很好。什么呢？很好，去去展示你自己的一个能力啊。
6275白无常C4D
01:28查看AI文稿AI文稿要想 ai 前端页面写得好，这几个 skill 少不了彻底解决审美难题。这是一款专为 ai 编程助手设计的设计增强技能包，内置六十七种 ui 风格、九十六种配色方案和一百多条设计规则，提供了八种前端技术栈的相关实践和代码示意 知识在多种 ai 编码工具内使用，直接让 ai 不 再输出程序员审美的简陋界面，而是生成符合行业标准的设计方案。它的热度非常高低，差不上已经有超八点二万人收藏。 impactable 解决了微不扣顶普遍存在的设计同质化与 ai 味儿过重的问题， 例如过度使用字体、紫色渐变、卡片嵌套等缺乏个性的模板化，并非从零开始构建 ui， 而是基于 ai 已有成果进行优化，目前已经狂揽接近三十 k star， 可以 把它理解为团队间 ai 编码的一种规范。全面审计界面质量，找出不一致的地方。 号称是前端 ai 的 审美外挂，把字体间距、配色、动效、组建状态这些前端审美规则写成可附用指令，有效减少 ai 生成模板位界面的概率。设计思路也很简单，不等 ai 开始写界面后再返工，而是在生成之前把精美 ui 拆成可执行规则。想要复刻大厂项目前端 ui 页面， 八万多人收藏的大厂设计 skills， 或许能帮到你收入七十家顶级网站的完整 design 文件，将色彩系统、字体规则、组建、样式、布局原则、响应式策略等九大设计模块全部用自然语言写入一个 markdown 文件，放入项目跟目录后就能直接调用。不知道兄弟们平时都用哪个 skill 呢？
3009茄子懂编程🙈
01:25查看AI文稿AI文稿这六个 cloud code 神级 skills， 能让你的 ui 质感直逼 stripe。 ai 生成的界面总有一股塑料感。 in turn， 字体圆角矩形套路此渐变 二零二六年拉开开发者差距的不再是代码逻辑，而是对 ai 的 工程化审美掌控力。第一个， frontend design， antropic 官方出品，禁用过时审美，生成符合四 p x 网格的 react 加 tailwind 代码， 内置 audit 和 polish 命令。第二个 impeccable， 无暇的意思，专门打磨对齐留白和动效， 强制禁止不对称内编剧。第三个 design principle skill， 借鉴 notion 和 versal 设计规范，让产品像 strap 一 样极致简约。第四个 u i u x pro max， 一 千多种 u i 风格数据库， 输入暗黑科技，自动匹配整套方案。第五个， web design guidelines， furso 出品， ui 界的 eslint 自动检查，无障碍合规。第六个 algorithmicart， 用自然语言生成流体粒子等动态艺术， 实战三步走，剪辑风格生成，出版，精修，打磨 ai， 抹平了重复劳动，但提高了对审美决策的要求。这六个 skills 不是 在取代你，而是赋予你设计驱动开发的能力。
283星辰的雨
00:31查看AI文稿AI文稿今天给大家分享一款简约高级 ui 风格 skill 来 ios 风格设计，视觉质感耐看。 copy 这个技能链接，添加这个技能包发送安装，添加后我们测试一下输入杠 up， 选择 ios 格拉斯 ui 技能，让它设计一个 cms 后台， 等待 ai 生成。生成好了，看下效果，整体风格跟 ios 接近，看下内容管理列表与表单，风格不错，再看下数据面板，符合预期，大家赶紧去试一下。
310瀚辰电商
01:34查看AI文稿AI文稿本周 ai 项目 github 热榜，它时哪些项目最火？跟我一起看！第一名， skills 本周新增一点五千星，总计八点二万星。使用工程师技能来自我的 cloud 目录。 第二名， financial services projects， 本周新增一点四千星，总计二点三万星。金融服务插件 python。 第三名， andrewcarpacy skills， 本周新增一点二千星，总计十三点零万星。基于 andrewcarpacy 观察改进 code code md 文件。 第四名， agent skills， 本周新增一点零千星，总计四点二万星。 ai 编码代理的生产级工程技能。第五名， c c switch 本周新增九百一十九星，总计七点一万星。 cloud code 等多工具跨平台桌面一体化助手。 第六名， osen design md 本周新增六百六十八星，总计七点九万星。受知名品牌启发的 design md， 集合助编码代理生成匹配 u i。 第七名， hello agents， 本周新增六百八十四星，总计四点九万星。从零开始构建智能体、智能体原理与实践教程。 第八名， agent memory 本周新增五百七十六星，总计九点零千星。基于真实水准的 ai 编码代理持久内存方案。 第九名， openhuman 本周新增四百九十四星，总计七点八千星。你的私人 ai 超级智能，私密简单且强大。 第十名，玖锐本周新增六百二十八星，总计一点零万星。免费无限 ai 编码多工具连 cloud gptgemini 省百分之四十令牌关注我，明天继续统计看哪些好用 skills 闯入前十。
105AI快递员
01:29查看AI文稿AI文稿昨天晚上我本来打算睡了，结果我一个大厂的朋友突然给我发来一条网站，他说这个东西有点像设计界的 hans 工厂，其实它就是给 ai 搭一套会做事的方法和轨道。而这个网站 impeccable， 其实它做的就是设计的这件事儿，本质来说，它就是集合了很多设计类的 skill， 但是它真的不是那种普通的 skill， 它更像是把 ai 的 设计、判断、纠正，然后你再用指令去控制它，指挥它。比如 adapt 这个命令，它就能帮你适配手机、平板电脑。然后 overdrive 这个命令，它能帮你把视觉效果直接拉满这个 delight， 它能帮你补齐报错空状态和边界的情况。 它一共是有十八种指令，专门识别那些 ai 最容易犯的错误，直接帮你避坑。这也是我觉得它最像 honey 工程的地方，直接给你的 ai 加装了一个大脑。废话不多说，咱直接上教程。 第一步，打开你的部署环境，直接搜 impeccable 的 插件。第二步，在输入框里输入 impeccable teach， 最后完成了安装， 就能直接调用他那十八个命。然后我这里呢，也给大家整理了这些命令说明，大家赶紧收藏保存好，我怕你下次找不到我了。我是木木，持续更新前沿的科技动态，欢迎关注我，我们下期再见！
87AI搭子木木
03:57查看AI文稿AI文稿今天给大家拆解一个专门解决 ai 写 ui 丑的神器， ui u x pro max， 它不是一个独立的设计软件，也不是普通的代码插件，而是给你的 ai 编码助手装了一个专业设计师的大脑。 相信很多人都有过这种体验，让 ai 写一个页面，结果出来的东西配色辣眼，布局混乱、按钮大小不一，改起来比自己写还费劲。 这是因为普通 ai 写 ui 没有大局思路，想到哪写到啊，没有统一的规范，同一个项目写出来的页面风格都能不一样。 而 ui ux pro max 完全解决了这个问题。它的逻辑是，你说要一个页面，它不会直接写代码，而是先给你生成一套完整的行业专属的设计系统，再严格按照这个系统来写代码。 所有的颜色、字体、间距、动画全部统一输出的直接就是专业级别的 u i， 这也是它 v 二点零版本最核心的功能，叫做智能设计系统生成器，你只需要用自然语言描述你的产品， 它就能在几秒钟内输出一份完整的设计方案，包括页面结构、整体风格、具体的配色、色值、字体搭配、交互效果，还有这个行业绝对不能用的设计禁忌，以及最后的交付检查清单。 它之所以能做到这么专业，核心是因为它内置了一百六十一条细分行业的专属设计规则，覆盖了科技、金融、医疗、电商等几乎所有领域。 比如做金融 app， 它会自动推荐极简专业的蓝灰配色，明确禁止用 ai 常见的紫色渐变和花少动画。做美业网站，它会用柔和的暖色调和有机形状，同时告诉你不要用深色模式。 这些规则都是从几千个真实的优秀产品中总结出来的，完全符合行业惯例。 除此之外，它还内置了六十七种设计风格，一百六十一个配色方案，五十七种字体搭配，几乎覆盖了所有你能用到的设计资源。 它支持几乎所有主流的 ai 编码助手和技术栈。不管你用的是 cloud、 cursor 还是 open code， 不 管你写 web 移动端还是后端都能用， 使用起来也非常简单。大多数情况下不需要任何特殊命令，只要你提到 ui 相关的需求，它就会自动激活。想要效果好，你的 prompt 只要说清楚产品类型、目标用户、核心功能和技术站就行。 它还有一个做项目必备的高级功能，叫做持久化设计系统。你可以把生成的设计系统保存成本地文件，整个项目的所有页面都共享这一套规范，保证风格百分之一百统一。 后续写代码的时候，只需要告诉 ai 按照这个规范来就行，不用每次都重新描述。 最后客观说一下它的优缺点。它的优势很明显，行业专属、风格统一，降低沟通成本，覆盖全面，能大幅提升 ui 开发效率，减少改稿时间。 但它也不是万能的，非常细分的小众行业，效果一般只能解决视觉和基础交互问题，复杂的体验流程还是需要人工设计，最终代码质量也还是取决于你用的 ai 助手。 总的来说，如果你经常需要写 ui， 这个工具绝对值得一试。它不是要取代设计师，而是把设计师的经验标准化，让 ai 能写出符合专业规范的代码，把你从繁琐的 ui 调整工作中解放出来。
24阿泽说AI
00:36查看AI文稿AI文稿全网 u i 设计师和开发者都在找的宝藏开源项目，各种丝滑的交互动画都能免费套用。就是这个轻量级的艾利米动画库，已经快获得七万个收藏了。 左侧可以看到有详细的动画交互分类，比如有点击动效页面，过度炫酷的 svg 路径动画，你能想到的，想不到的，这里全都有。每个动画都有对应的代码，以后做项目如果你的开发再告诉你这个效果做不了，别废话，直接把这套代码复制贴到他脸上，看他如何应对。 而且它还支持在线编辑，可以直接在上面调参数，输出你更好的想法，赶紧收藏起来，早晚用得着。
262阿睿ARUI
01:32查看AI文稿AI文稿如何给你的 ai 装上审美外挂，瞬间秒变高级设计师？这是我用 skill 做的几个网页，比直接用 ai 生成出来的网页是更具有实际感，更重要的是你可以不断让它生成不同的风格，然后你在从中挑选出你喜欢的风格，然后进一步美化输出你的最终版。 我前两天逛 hiphop 发现了个 skill school， 因为这个 skill 本质上就是给 ai 编程装上了一个设计库 或者说审美外挂，它有一些 ui 设计大佬贡献了，让你 webcoder 设计出来的设计美感瞬间提升 n 个档次，甚至 crowd 官方也在场。简单来说就是把五十七种的主流风格，几十套的专业配色以及几十种字体全部打包成一套 ai 能读懂的技能包， 底层还依赖一个拍成去做工作流的搜索。当然 ai 本质上还是一个概率机，所以我更推荐你去多生成几套，找出一个自己比较喜欢的一个风格。一开始 skill 出的时候，我看网上很多人把它说的神乎其神， 一开始我都有时候有点懵的，但其实它本质上就是一个规范包，或者说是一个工作流包，所以我觉得有好的 skill 包才是关键，并且能符合你的使用场景。 现在也各大厂家也跟进了，像我就是用 qs 来用 skills 的， 我觉得效果也挺好的。现在 skill 的 出现确实是方便了不少。然后有之前有一些可能要流程化或者说 m 八 m 化的东西， 在 skill 的 情况下仅仅是批录的去执行，我觉得这个还是挺有意思的。最后这个 skills 当然可以自己去 give up so， 我 也会把它整理起来，有兴趣的话留个言。
445北极熊沙发
00:55查看AI文稿AI文稿做设计没灵感？别再只盯着战酷花瓣看了，这几个国外灵感网站能帮你提升好几个档次。第一个， designspiels， 专门收入优秀 ui 细节与微交互灵感的网站，里面汇总了很多让产品有灵魂的设计小彩蛋，比如动画反馈、按钮效果、 转场礼物细节、确实页面创意，还有苹果的一些设计细节等等，每一个都值得收藏学习。第二个，六零 fps， 同样里面也收录了很多高级精 有趣的交互细节，包括手表、三 d、 ai、 a p p、 徽章等等，分类超级齐全，特别适合做产品体验、优化交互动效参考或者提升界面质感的灵感等等。第三个， a b test design， 这里面收落了一些 a b 测试的案例，能教会你什么样的交互设计才是对的。通过直观的左右对比，告诉你设计改动后的数据到底提升了多少，对你的优化设计工作有所启发，赶紧收藏，下期再见！
180阿睿ARUI
01:18查看AI文稿AI文稿今天给你们挖到一个能彻底终结 ai 塑料味儿的开源设计神器！用过 ai 写代码的都知道，逻辑写得再好，深沉的 ui 界面往往丑的千篇一律。但今天呢，介绍的这个叫 harmark 的 爆 火开源技能包，绝对会颠覆你的认知。它完美适配 cloud code、 coser 和 code。 它不是那种烂大街的 top 模板，而是一个专门为了反 ai 廉价感而生的顶 级设计师大脑。它最逆天、最降维打击的功能是一个叫三 d 的 模式。是不是很眼红？ 需要把那个网站的截图或者链接直接发给他 mark， 就 能像顶级艺术总监一样，精准地提取出那个网站的设计 dna。 注意，他绝不是傻傻地去抄袭代码或像素，而是去拆解他的排版节奏、色彩、锚点和空间布局，然后用这套高级的 dna 为你量身重构出属于你自 己的网页。为了保证你的网页足够高级，它甚至在内部设立了六十五道严苛的测试闸门。从字体搭配、对比度到微交互的延迟，只有完全通过这六十五项测试，没有任何 ai 机器味儿的设计，它才会把最终的代码交到你的手上。无论是从零 搭建、见面审查还是彻底重构，它都有专门的模式帮你搞定。而你要做的，仅仅是在终端输入一行代码代码。在这儿， ai 时代的下半场呢，拼的就是审美！如果你也用 coser 这类的工具，千万别错过这个神器，现在就去给你的项目注入灵魂吧！
216Summer不夏天
