cathrynlavery / diagram-design
AI编程工具
HTML
让 AI 编程助手一句话生成品牌风格的 HTML+SVG 图表
这是一个给 Claude Code、Cursor、Copilot 等 AI 编程助手用的 agent skill,作用是让助手直接画图:你用自然语言描述想要的图,它就生成一个自包含的 HTML + SVG 文件,双击即可打开。支持 45 种图型,包括架构图、时序图、四象限矩阵等,输出走统一的编辑风格排版,没有阴影和花哨效果,还能读取你网站的配色和字体,让图和品牌视觉保持一致;也能从 draw.io、Mermaid、Excalidraw 导入再重新排版。它解决的麻烦是:用 Mermaid 写文本渲染出来很丑、用 draw.io 手拖形状又费时间,而这个 skill 让你一句话出图,布局由 agent 按网格摆放并检查重叠。适合经常需要画架构图、流程图、汇报用图表的工程师和技术负责人,尤其是已经在用上述 AI 编程工具、对图表观感有要求的人;不画图的读者可以跳过。
★ 65k
24h +234
⑂ 4.3k
创建 2026-04-16
更新 1 天前
XiaoyeCodes / code-animation-prompts
AI编程工具
HTML
341 种代码动画风格提示词与静帧,封装为 Claude Code/Codex Skill
这是一套给 Claude Code 和 Codex 用的代码动画风格素材包,内置 341 份风格提示词和 196 张参考静帧,涵盖粒子、霓虹、水墨、剪纸、漫画、电影感等 10 个系列,装成 Agent Skill 后助手能按需检索风格、规划镜头并写出带动画的 HTML,再通过附带工具逐帧导出 MP4。比如想做一条讲「为什么下雨」的 30 秒科普短片,可以让助手先给出几个带编号的候选风格并说明动法,选定后交付可编辑 HTML 和成片;做新年片头、赛博城市片头或漫画短片也是同样流程。仓库还带一个可离线打开的风格挑选器,能搜索、筛选、放大图片并导出已选清单,不必把整个素材库塞进上下文。适合需要快速产出短视频、片头、动态图形的前端、创意开发和内容团队,以及在 Claude Code/Codex 里做视觉类任务的人;只想查风格不装渲染依赖也能用,纯做后端或与视觉无关的岗位关系不大。
★ 510
24h +169
⑂ 126
创建 6 天前
更新 1 天前
op7418 / dsh-guizang-design
AI编程工具
HTML
dsh 内容生产插件:PPT、卡片、网页排版与去 AI 味
这是歸藏为 DeepSeek Harness(dsh)做的内容生产插件,把四套 skill 打包进侧栏:网页 PPT、图文卡片、网页排版、去 AI 味,外加一个学你写作语气的语气档案。前三个共用同一套设计系统,同一篇文章能一键排成杂志风或瑞士风的横向翻页 PPT、小红书 3:4 组图和公众号头图、精排单页网页,主题字体版式保持一致,还能按品牌色生成受约束的配色主题。去 AI 味会删掉中文里的空话和模板腔,语气档案则从你在 DeepSeek 里的对话和你写过的文章里提炼用词、句长、标点习惯,之后改稿和代写文案都照着你的语气来。作品会自动登记进作品库,支持「做同款」和跨 skill 的内容生产工作流。适合做自媒体、公众号、小红书运营的内容创作者,以及需要频繁出 PPT 和图文物料的市场、运营岗位;纯后端或算法岗关系不大。
★ 452
24h +27
⑂ 31
创建 5 天前
更新 2 小时前
shanraisshan / claude-code-best-practice
AI编程工具
HTML
Claude Code 全套工程实践与配置参考
这是一套围绕 Claude Code 的工程实践指南,把「凭感觉写代码」升级成可复用的 agentic engineering 方法论。它覆盖了 Claude Code 的几乎所有关键机制:如何配置 Subagents 分工、用 Commands 固化常用操作、用 Skills 封装可复用能力、用 Hooks 在关键节点插入检查、用 MCP 接入外部工具,以及 Memory、Settings、上下文窗口管理等,每个主题都同时给出最佳实践文档和可直接参考的实现示例。比如你可以照着它学会让一个子代理专门负责代码审查、另一个负责跑测试,或者把团队反复用的部署流程写成一条命令。对日常用 Claude Code、Cursor 等 AI 编程工具的后端、全栈和平台工程师来说,这是目前最系统的一份配置与工作流参考;如果你还没用过 AI 编程助手,或者只用最基础的对话补全,那它和你关系不大。
★ 68k
24h +26
⑂ 6.8k
创建 2025-10-31
更新 4 小时前
kubai087 / kubai-icons
AI编程工具
HTML
让 Claude 按统一规范批量绘制带动效的 SVG 图标
kubai-icons 是一个给 Claude 用的 skill,让它按同一套设计规范批量画图标:分层结构像文件夹、描边在填充外、整套只用一个强调色派生,鼠标悬停时图标会做符合物体本身逻辑的动作(文件夹打开、信封拆开、日历翻页),也能导出成静态 SVG。它自带 66 个成品示例和一套引擎,新图标从最接近的旧图标改起,画完还会自动截图自检、反复修到通过清单为止。实际用法是把产品功能列表或代码丢给 Claude,它就能补出和现有图标风格完全一致的一套,比如给 Export 加个图标、给仓库主要功能配动态图标。适合前端和 UI 设计相关岗位:需要快速给产品做一套统一风格图标、又不想逐个手绘的场景;纯后端或算法岗基本用不上。
★ 164
24h +17
⑂ 5
创建 2 天前
更新 1 天前
talsiach / take-one
AI编程工具
HTML
一句话让 Claude Code 自动拍出带审片流程的完整视频
这是一个装在 Claude Code 里的 skill,一句话就能让 AI 替你拍出一条完整的视频:从创意、脚本、分镜、配音、配乐到剪辑和审片全流程自动跑完,最后交付一条 1080p 带声音的 MP4,外加配套的社交媒体文案。它会先读你的产品官网抓取品牌字体、配色和文案,也可以参考你给的风格样片;画面可以纯代码绘制(免费),也可以按需调用图像和视频模型补上真实感镜头,配音和音乐则走 ElevenLabs、Suno 等你已有的账号,用之前都会先报价确认。剪完还有一道独立的审片环节,不达标会自动打回重剪,你也能在本地的审片页面上逐帧留言,每轮意见直接变成下一版。适合需要频繁产出产品发布视频、广告或 MV 的独立开发者、增长和市场同学,尤其是没有视频团队又想保证品牌调性的人;如果你完全不做视频内容,那跟你就没什么关系。
★ 193
24h +16
⑂ 29
创建 23 天前
更新 1 天前