✨一人分享一个你最爱用的 skills!【每日话题 3.23】

Hi,本周我们将开启<每日话题>活动,活动持续时间为 3 月 23 日-4 月 3 日(仅工作日)为期两周

当周五个话题参与最多的用户Top5,将 :wrapped_gift:赠送 :tear_off_calendar:知乎2026好问日历 :hot_beverage:星巴克咖啡券

今日有奖互动话题为「一人分享一个你最爱用的skills~

欢迎在评论区留言参与哦!

2 个赞

context7:你开发的技术说明书。当你需要用的某个技术栈,或者你要调用xxx API等等,你可以先让ai使用context7去自动下载对应的技术文档到项目docs目录下,后续让他参考官方详细的技术文档去做开发,能很大程度减少你的ai幻觉,瞎编乱造,重复造轮子等等问题。

playwright:给ai装上浏览器,让它也能“看”到项目前端页面的样子,帮它检查页面实现效果,读取浏览器控制台的报错日志方便debug,以及帮你做自动化测试。

skill-creator:公开的skills满足不了你?你有更好的点子?用它来制作你的专属skills。

theme-factory:整理出来的pdf太素了?直接让它给你设计几套主题风格,立马高大上,可以直接拿着去见客户了。

ui-ux-pro-max:先生,你也不想你做的页面和别人的ai撞脸吧,ai味儿太浓?用这个skills帮你的项目前端去去ai味儿。

weekly-meeting-report-skill:我用来生成老板要的周报汇报的skills,一键将过去一周做的项目进度情况生成老板喜欢的周报样式,这年头谁还自己写周报啊~

3 个赞

frontend-design (Anthropic)

适合场景:高完成度、强辨识度的页面

Anthropic 的设计 Skill 更偏向风格化实现。当你不想做"千篇一律"的页面,希望作品有独特的视觉语言时,这个 Skill 会是你的好帮手。

:link: https://github.com/anthropics/skills/tree/main/skills/frontend-design

2 个赞

webapp-testing (Anthropic)

适合场景:本地应用验证、交互回归

比 Playwright 更贴近日常开发验证。适合检查:

  • 页面行为是否符合预期

  • 截图对比

  • 日志分析

  • 交互回归

:link: https://github.com/anthropics/skills/tree/main/skills/webapp-testing

Anthropic 的 canvas-design 技能(Claude Skills 家族中的一员)是目前最适合“非结构化、艺术导向、视觉冲击力强的输出”的工具之一。它让 Claude 能以接近人类资深设计师的方式,创作出高质量的静态视觉作品,并直接导出为 PNGPDF 格式。

你的原描述已经抓住了核心,这里帮你大幅丰富内容,加入更具体的适用场景、使用逻辑、提示技巧、与其他工具的对比,以及实际案例方向,方便直接用在笔记、分享、产品文档或朋友圈安利。

canvas-design(Anthropic官方技能)

一句话定位
让 Claude 扮演“有自己设计哲学的艺术家+平面设计师”,产出原创、高审美、看起来“花了无数小时打磨”的静态视觉作品(而非代码或网页)。

核心输出格式

  • 高质量 PNG(适合社交媒体、展示)
  • 可打印/可分享的 PDF(带出血、适合商用/提案)

最适合的场景(按实用度排序):

  1. 创意/概念产品落地页主视觉
    → 比如 Web3 项目、AI 工具、独立游戏、时尚/音乐品牌首屏大图

  2. 活动/展览/品牌海报
    → 音乐节、科技大会、艺术展、限量发售预热图

  3. 社交媒体高辨识度内容图
    → Twitter/X 封面、Instagram 帖子主图、LinkedIn 个人品牌图、Threads 氛围图

  4. 抽象/实验性视觉表达
    → 设计语言探索、Moodboard 终稿、NFT 系列概念图、zine 封面

  5. 信息密度低但情绪密度极高的展示页
    → 比如“关于我们”极简艺术版、融资 Deck 封面、个人作品集首页

  6. 快速打样给客户/投资人看的“哇哦”一刻
    → 先用 canvas-design 出震撼一击,再决定要不要进 Figma / Canva 精修

不适合 / 会浪费时间的场景

  • 需要精确交互的界面设计(用 Frontend Design 技能更好)
  • 长文排版、报告、多页PPT(用 doc-coauthoring 或 pptx 相关技能)
  • 必须严格遵守现有品牌规范的物料(除非你先用 brand-guidelines 技能定调)
  • 想要生成代码 / HTML / React 组件(那是 Claude Code + 其他技能的领域)

为什么它能突破常规布局限制?

Claude 在这个技能里会先执行一个非常关键的两步思考路径(来自官方 SKILL.md 的核心逻辑):

  1. Design Philosophy 创作阶段

    • 它会先写出一段“设计宣言”:关于空间、节奏、留白、情感、隐喻、形式语言的完整思考
    • 这步让最终画面有灵魂,而不是泛泛的“美观排版”
  2. Canvas Creation 阶段

    • 再把宣言具象成布局、颜色、字体、元素关系
    • 强调用“人类匠人级”的细节打磨:极致的留白、微妙的层次、刻意的打破对称、字体作为造型元素等
    • 明确要求:避免 AI 常见的廉价感,追求“熬夜一个月才能做出来的质感”

推荐的触发提示词模板(直接复制改改就能用)

用 canvas-design 技能,为一个关于「时间碎片与永恒记忆」的实验音乐项目做一个 16:9 主视觉海报。

风格方向:极简东方意境 + cyberpunk 冷光 + 强烈电影感
核心元素:破碎的钟表、漂浮的胶片、光影中的侧脸剪影、极细的金属线条
情绪:怀旧、疏离、却又有微弱希望
不要放任何文字(纯视觉冲击)
请先输出完整的 Design Philosophy,然后再生成最终画面
canvas-design:帮我做一个 1080×1920 的手机竖版故事封面图
主题:深夜便利店的孤独哲学
色调:霓虹蓝粉 + 深绿 + 暖黄局部点缀
要有非常强的叙事感和电影分镜感,但不要出现任何人脸
使用极致的留白和不对称构图

进阶玩法提示

  • 可以搭配 brand-guidelines 技能先定调品牌语言,再用 canvas-design 出图,风格统一度会大幅提升
  • 想更实验?可以先让 Claude 用文字描述 3–5 种完全不同的 Design Philosophy,然后让你选一个再往下走
  • 需要系列感?连续几轮都说“保持上一次的哲学内核,但改变……”,就能快速出一套视觉体系
  • 字体很重要时,可以明确说“把字体当作画面中的建筑/雕塑来处理”

一句话总结给别人安利时用

当你想要的不是“能看”的设计,而是“让人停下来三秒、忍不住截图”的设计时,用 Anthropic 的 canvas-design 技能,几乎是目前最接近“AI 替你请了一个有态度的艺术指导”的方式。

:link: 官方仓库(可直接研究 SKILL.md 完整逻辑):
https://github.com/anthropics/skills/tree/main/skills/canvas-design

1 个赞

playwright (OpenAI Skills)

一句话定位
让 AI 在真实浏览器中“活起来”执行、观察、调试前端 UI 流程,提供最接近真实用户体验的端到端验证能力。

核心输出

  • 浏览器真实运行结果(截图、DOM 状态、console log、网络请求)
  • 逐步调试路径 + 问题定位
  • 视觉回归对比(前后截图差异)
  • 自动化流程验证(登录 → 操作 → 断言)

最适合场景(简短高频 TOP 5):

  1. 复杂用户流程调试:多页面跳转、条件分支、异步加载、弹窗交互
  2. 视觉回归检查:改动后快速对比 UI 是否意外走形(像素级/布局级)
  3. 真实环境验证:local/dev/staging 环境下的真实浏览器行为(而非 mock)
  4. E2E 测试用例快速打样:先让 AI 帮你写出可运行的 Playwright 脚本草稿
  5. Electron / PWA / 复杂 SPA 问题定位:状态丢失、渲染卡顿、设备模拟等

一句话对比优势(为什么不用 Puppeteer / Cypress / 纯手动):

普通测试框架要你先写代码 → 跑 → 看报错 → 改;
Playwright Skill 是“描述问题 → AI 帮你边跑边思考边截图边定位 → 几轮对话解决问题”,极大缩短从“猜”到“确信”的周期。

不适合场景(快速避坑):

  • 纯单元/组件测试(逻辑层用 vitest/jest 更好)
  • 需要长期维护的 CI 回归套件(最终还是要落地成代码)
  • 非常重的性能/压力测试

:link: 官方仓库(查看 SKILL.md 完整逻辑):

(注:OpenAI Skills 生态中还有配套的 playwright-interactive 变体,更适合持久会话式反复调试同一浏览器实例。)

1 个赞

一人一个,留一个给我分享一下

Summarize :“快速抓取核心”的效率神器,太长的文章等不想浪费时间看的直接丢给他。平时用来接入一些第三方的,让他提炼出来形成主要的对接文档,生成到项目文档目录下。

:rofl:选择困难症

这波太贪了,被你说完了我还说啥 :rofl:

那我推荐个不一样的,大家推荐的是如何更好的完成工作,那我就推荐些如何收拾烂摊子,这些 skill 可以用来辅助审查和重构代码

3 个赞

这还真没试过,回头试试!

神级 Skill:NotebookLM Skill

仓库:github.com/PleasePrompto/notebooklm-skill

这个 Skill 让 Claude Code 直连 Google NotebookLM,打通了从文档到一切内容形态的全链路。

它能产出什么?

:studio_microphone: AI 播客(Audio Overview)
上传文档后,NotebookLM 会生成一档双人 AI 主持人的对话节目。两个声音互相讨论、追问、补充,听感接近真实播客。支持中文。你甚至可以中途暂停插话提问,AI 回答完再继续播放。

:bar_chart: PPT 幻灯片(Slide Deck)
一键把文档转成逻辑清晰、图文并茂的演示文稿。支持"详细版"和"演讲者版"两种模式,还能用自然语言逐页修改——“把第三页的标题改成 xxx”,AI 只改那一页,其他不动。

:clapper_board: 视频讲解(Video Overview)
把文字内容转化为短视频形式的视觉总结,适合快速分享给团队或做汇报素材。

:memo: 更多格式
思维导图、信息图、闪卡、测练题、结构化报告……Studio 面板里一应俱全。

看看效果:

1 个赞

这个好~非常好

这个好像不错