Vibe Coding:通用高质量 Skills 合集fire

我把个人的 Skills 开源了:GitHub - xstongxue/best-skills: 通用高质量 Agent Skills 合集:fire:

这套 best-skills 是我在写学位论文、做自媒体、写代码时一点点攒出来的。覆盖论文全流程(大纲审核、结构仿写、润色去AI化、参考文献、答辩PPT、架构图)、开发四步法(需求→设计→实现→审查)、公众号撰写与配图、周报汇报总结、项目梳理和简历描述等。

与之前开源的 Vibe Coding:通用高质量 Prompt 合集:fire: - 开发调优 - LINUX DO不同,Skills 装一次就永久生效——Cursor、Claude Code、Trae 等 Agent 工具会根据你说的话自动匹配并调用,不用每次手动找 Prompt。

支持 Cursor、Claude Code、Codex、Trae、OpenClaw 等主流工具,复制对应文件夹到 skills 目录即可使用。项目会持续扩展,欢迎 Star、Fork、提 Issue 和 PR。

它不整虚理论,直接给你现成的代码套路,专门解决网页“干巴巴”的问题——教你把那些生硬的跳转和点击,换成丝滑的过渡、即时的反馈和自然的动画(比如骨架屏、视差滚动), 让网站用起来顺手、不卡顿,看着还特别高级 。


使用方式:

下载出来interaction-design 放在 .trae/skills目录中 然后直接使用就行

比如你想给为我的 [首页/表单/列表] 优化交互体验,具体要求如下:

  1. 加载时 :不要留白,帮我生成适配布局的骨架屏(Skeleton)。
  2. 点击时 :给主要按钮加上微反馈动画(如缩放或波纹),提交表单时要有明确的加载和成功/失败状态切换。
  3. 滚动时 :让长列表或卡片在进入视口时有一个平滑的淡入上浮效果(Scroll Reveal)。
  4. 切换时 :页面或 Tab 切换要加上淡入淡出的平滑过渡,不要生硬跳转。 请直接给出实现代码。”

Skills地址: agents/plugins/ui-design/skills/interaction-design at main · wshobson/agents

推荐一些你没听过,但是好用的Skills!!

copywriting

写文案的全能选手,帮你理清结构、优化表达,不是一键生成的套路货

npx skills add GitHub - coreyhaines31/marketingskills: Marketing skills for Claude Code and AI agents. CRO, copywri --skill copywriting

systematic-debugging

系统性排查问题的思维框架,写方案、做分析的时候特别好用

npx skills add GitHub - obra/superpowers: An agentic skills framework & software development methodology that works --skill systematic-debugging

content-strategy

内容规划,帮你想选题、规划内容日历,适合需要持续产出的人

npx skills add GitHub - coreyhaines31/marketingskills: Marketing skills for Claude Code and AI agents. CRO, copywri --skill content-strategy

marketing-ideas

营销创意发散,做推广方案的时候可以用它找灵感

npx skills add GitHub - coreyhaines31/marketingskills: Marketing skills for Claude Code and AI agents. CRO, copywri --skill marketing-ideas

social-content

专门做社交媒体内容的,小红书、朋友圈、短视频文案都能用

npx skills add GitHub - coreyhaines31/marketingskills: Marketing skills for Claude Code and AI agents. CRO, copywri --skill social-content

【Skills 推荐篇-agent 基础能力Skills】推荐一些你没听过,但是好用的Skills!!

using-superpowers

教AI怎么用好自己的高级能力

发挥最大潜力

npx skills add GitHub - obra/superpowers: An agentic skills framework & software development methodology that works --skill using-superpowers

subagent-driven-development

让多个AI分工合作完成复杂任务

自动分发和审查

npx skills add GitHub - obra/superpowers: An agentic skills framework & software development methodology that works --skill subagent-driven-development

agent-tools

Agent工具集

给AI配备各种实用小工具

npx skills add GitHub - inference-sh/skills: inference.sh Agent skills for using our API to give your agents access --skill agent-tools

1 个赞