即刻App年轻人的同好社区
下载
App内打开
阿良--
92关注8被关注0夸夸
阿良--
5天前
UI 设计

Coolbat: 最近做前端页面来来回回修改,刚好在x上看到一个前端页面design skills,分析一下,我只用ui-ux-pro-max-skill 和frontend-design,其他有宝子用过的可以分享一下效果 1. Impeccable 增强版 frontend-design skill,17 个设计命令(/polish、/audit、/distill 等)。 impeccable.style 2. UI Skills 包含 15 个独立 skills:baseline-ui(Tailwind 设计一致性)、fixing-accessibility(无障碍审计)、fixing-metadata(SEO 元数据)、fixing-motion-performance(动画性能)、12-principles-of-animation(迪士尼动画原则)等。 ui-skills.com 3. Taste Skill 包含 taste-skill(前端设计)、redesign-skill(升级现有项目)、output-skill(强制 AI 写完整代码)、soft-skill(让东西看起来和感觉昂贵。涵盖高级字体、宽阔的空白、层叠的卡片设计、流畅的弹簧动画以及漂浮导航。)。 https://github.com/Leonxlnx/taste-skill 4. Better Icons MCP server + skill,搜索并获取 20 万+ 图标,支持自动学习常用图标库,直接同步到项目 icons 文件。 https://github.com/better-auth/better-icons 5. UI Design Brain 60+ 组件最佳实践库,包含布局模式、无障碍规则和反模式,支持 5 种设计风格(SaaS、极简、企业、创意、数据仪表盘)。 https://github.com/carmahhawwari/ui-design-brain 6. AI kit by Motion ($299) Motion+ 会员专属,包含动画专家 skill、性能审计、CSS spring 生成、过渡可视化和文档搜索工具。 motion.dev/docs/ai-kit 7. UI UX Pro Max 包含 50+ 设计风格、97 种配色方案和 9 种技术栈,提供全面的 UI/UX 设计智能。 https://github.com/nextlevelbuilder/ui-ux-pro-max-skill 8. Anthropic frontend-design Anthropic 官方 skills 仓库,包含创意设计、技术开发、企业沟通等多类示例 skills,以及文档处理 skills(docx、pdf、pptx、xlsx)。 https://github.com/anthropics/skills 9. Vercel web design guidelines Vercel 官方 skills 集合,其中 web-design-guidelines 包含 100+ UI 审计规则。 https://github.com/vercel-labs/agent-skills 10. Designer Skills Collection 63 个 skills 和 27 个命令,涵盖 8 个插件:用户研究、设计系统、UX 策略、UI 设计、交互设计、原型测试、设计运营和设计工具包。 https://github.com/Owl-Listener/designer-skills 11. Emil Skills ($99) http://animation.dev 推出的动效 skills,需要单独付费。 https://animations.dev/learn/emil-skill 12. Skills by InterfaceCraft ($199) 需要购买这个课程才能使用。 https://interfacecraft.dev 来源x dingyi

00
阿良--
1月前
找对需求才能事半功倍,不然后面就是白忙活!
00
阿良--
1月前
今天天气不错,晴空万里夕阳西下在老家的小路上
00
阿良--
3月前

钰铭JEREMY: 基于几天的实践,总结出了一个比较高效的让Claude Chrome Extension提交外链的指令,我要做的只是提前登录好网站,Claude填写好后自己选一下Category, 验证码,点一下提交。以下是指令: —————— 请帮我在这些目录网站提交外链,每个网站用新标签页打开,并记录每个网站的填写状态: 【网站列表】尽量直接给/submit那个页面的链接 1. https://www.example1.com/ 2. https://www.example2.com/ 3. https://www.example3.com/ 4. https://www.example4.com/ 5. https://www.example5.com/ 【要填写的信息】 - 网站标题:[Your Website Title] - 网址:https://yourwebsite.com - 联系人:[Your Name] - 邮箱:yourname@example.com - 短描述(<250字符):[Short description text] - 长描述(<500字符):[Long description text] - 超长描述(<800字符):[Extra long description text] 【填写规则】 - 每个网站用新标签页打开 - 只填写:标题、URL、描述、姓名、邮箱 - 注意描述字数限制。如果超过限制要自动缩短描述 - 选择免费/Regular listing选项 - 勾选同意提交规则 - 跳过:Category下拉框、Tags/Keywords、CAPTCHA验证码、图片上传、Reciprocal Link - 所有标签页保持打开,不要提交 【要求】 - 记录每个网站的填写状态 —————— PS:对于要提交图片的网站,Claude其实可以自己打开网站截图和上传,但是容易出现图片尺寸过大或者上传失败的bug。为了不中断提交,我一般选择Claude填写完后自己上传图片。

00