推荐 Top10:面向 前端/产品/UI 的 Skills 这 10 个 Skills 来自 Anthropic/OpenAI/Vercel 等团队开源的 Skills 精选,考虑到设计落地频率、对视觉/交互质量的直接提升、在 Codex/Claude Code 等的高复用性,朋友们可以直接复制 Skills 名字让你的 Agent 安装。 1. frontend-skill适合做 landing page、品牌页、demo 页。强项是视觉论点、内容节奏、首屏质量 2. frontend-design更偏“高完成度、强风格”的前端设计实现。适合你想把页面做得更有辨识度时用 3. figma-implement-design设计稿到代码的核心 skill。凡是产品/设计/前端协作,这个都应该是常用项 4. web-design-guidelines做 UI 审查非常强。可访问性、表单、动效、排版、交互细节,都能系统性补漏 5. react-best-practices如果你做 React / Next.js,这个基本必装。它提升的是“实现质量”和“性能质量” 6. playwright前端不是只写代码,还要验证真实浏览器行为。这个是 UI 流程调试和回归检查的通用执行层 7. webapp-testing比 playwright 更贴近日常本地应用验证,适合检查页面行为、截图、日志和交互回归 8. canvas-design适合更自由的视觉探索、展示型页面、画布式交互或概念设计,不是每个项目都需要,但做创意产品页很有价值 9. brand-guidelines如果你在做官网、营销页、设计系统、品牌一致性,这个比单纯“写 UI”更上层,适合产品/品牌协同 10. vercel-deploy-claimable严格说它不是设计 skill,但对前端/产品工作流非常关键。做完页面立刻可部署预览,反馈闭环会快很多 #ai #agent #skills

codex优化ui用哪个skill

182
1
231
29
举报
发布时间:2026-03-27 10:13
AI启蒙小伙伴
AI启蒙小伙伴

粉丝1374获赞3095

相关视频

  • 用这个Skill提升产品UI设计 Impeccable 是一个给 AI 编程助手(如 Cursor、Claude Code、Copilot 等)使用的 设计 skill 包。 
它把设计师常用的排版、布局、颜色、交互等经验,整理成一组简单的 AI 命令(如 /typeset、/arrange、/polish),让 AI 在生成前端界面时更有设计感,减少模板味。 
项目地址:
https://impeccable.style 
#UI设计 #AI编程 #产品设计 #Skill #AI
    01:21
    查看AI文稿
  • 如何用AI快速生成可编辑的UI设计稿? 教你如何用codex快速生成可编辑的FigmaUI设计稿
#设计教程 #ai #codex #ai工具 #ui设计
    01:38
    查看AI文稿
  • codex上车!2026普通人的机会!
#codex #aiagent #skill #aigc
    00:56
    查看AI文稿
  • gpt5.4+skill平面设计!你不需要openclaw!openclaw固然时髦,我用codex gpt5.4,加上pencil MCP,再加上我的两个skills,稳定能干活!openclaw只是养了活宝只会败家……
#ai平面设计 #codex #gpt5.4 #openclaw #pencilmcp
    04:13
    查看AI文稿
  • 那个最适合小白入门编程?00后码农锐评这三 Cursor、Claude Code、Codex
我会推荐Cursor入门体验
Codex真正开始使用
#黑客松 #vibecoding #cursor #claudecode #codex
    01:05
    查看AI文稿
  • 我用codex手搓了个openclaw的界面UI,现在我只需要打开电脑app就可以直接进入大龙虾了,各位精神股东,有喜欢的可以点赞评论哦#openclaw #Ai #养龙虾 #智能助手#我的养虾日记
    01:49
    查看AI文稿
  • 一分钟带小白用上AI 编程神器——Codex! #codex #学习 #大模型 #AI #科技
    00:48
    查看AI文稿
  • codex 正式发布 subagents OpenAI 已把 Codex 的 subagents 做成正式可用功能。核心变化不是多了几个聊天窗口,而是把读代码、跑验证、做修复拆给不同角色并行处理。更关键的是,它终于能接进你现有的多层调度
#codex #openai #chatgpt #subagent
    02:05
    查看AI文稿
  • 让AI变高级UI设计师:skills开启审美外挂 用 skills 的实战,让你的 AI 对 UI 设计瞬间上升 N 个档次。我用 codex 就觉得很棒了效果!!!!
#AI #ui设计 #AI工具 #我就这样开启2026
    01:32
    查看AI文稿
  • 5分钟 Codex 新手完全指南 #人工智能 #ai编程 #vibecoding #ai新星计划 #codex
    05:04
    查看AI文稿
  • codex windows端几个常见问题以及解决方案#codex #Codex #gpt #chatgpt #codex电脑端
    03:12
    查看AI文稿
  • 现在,codex比老牌电脑管家还好用 C盘天天红色空间不足,电脑管家搞不定,今天用codex#c盘清理 ,终于腾出了15G的空间。为什么专业软件都无法腾出空间#codex 却做到了?
总结:1.C盘空间清理作为电脑管家的一个小功能,功能能用就行。
2.公司级别的#电脑管家 ,不会冒险为了腾空间而深度清理,把用户的电脑搞崩是不能接受的。
3.使用codex时,它会使用最新的技术,完美实现你的需求。
未来的软件层,逐渐会被大模型取代,连C盘清理这个基础的老功能都可以会被#AI 取代。#360
    04:55
    查看AI文稿
  • 产品经理vibe coding | 这两个Skills让AI自动完成Reddit市场调研:rdt-cli+data-analyst | 万物皆可cli#openclaw #skills #codex #claudecode #产品经理
    03:15
    查看AI文稿
  • 那么,你的毕设怎么样了? #毕业设计 #毕设 #vibecoding #ai #codex
    06:26
    查看AI文稿