frontend-design
新建或改版界面时,指导你做出有辨识度、经过考量的视觉设计:确定审美方向、处理字体排印,让每个选择都不像模板默认值。
npx skills add https://github.com/anthropics/skills --skill frontend-design我常用的和自己创建的 Claude 技能
新建或改版界面时,指导你做出有辨识度、经过考量的视觉设计:确定审美方向、处理字体排印,让每个选择都不像模板默认值。
npx skills add https://github.com/anthropics/skills --skill frontend-design让编程智能体拥有审美的技能:用艺术指导、参考图和浏览器检查,取代千篇一律的 AI 页面。
npx skills add https://github.com/Leonxlnx/taste-skill --skill design-taste-frontend为 AI 提供设计智能的技能,帮助在多个平台上构建专业的 UI/UX。
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill ui-ux-pro-max审查界面代码是否符合 Web Interface Guidelines。
npx skills add vercel-labs/agent-skills --skill web-design-guidelines编辑排版风的图表设计,可用于 Claude Code、Codex、GitHub Copilot、Cursor 等编程智能体。45 种图表类型,输出自包含的 HTML + SVG,不加阴影,也告别粗糙的 Mermaid 图。
npx skills add cathrynlavery/diagram-design画 Academy 课件风的配图:Lora 衬线字、米黄和陶土色块、粗黑箭头、压在箭头上的消息标签、消息表、底部结论条;出 SVG 源文件和 WebP 放进文档。
npx skills add litterbear520/littlebear-skills --skill academy-diagram-design一套真正管用的智能体技能框架和软件开发方法论。
/plugin install superpowers@claude-plugins-official写给真正工程师的技能,直接取自作者本人的 .agents 目录。
npx skills@latest add mattpocock/skills帮助用户发现和安装智能体技能。
npx skills add vercel-labs/skills --skill find-skills按课程课文的讲法,在终端里讲清一个概念或一段代码的设计:先讲它解决的问题,再讲工作原理、实现、取舍和适用场合。
npx skills add litterbear520/littlebear-skills --skill explain给 AI 智能体用的浏览器自动化命令行工具。
npm i -g agent-browser && agent-browser installnpx skills add vercel-labs/agent-browser给你的本机 Agent(如 Claude Code、Grok Bot 等)装上完整联网能力的 Skill:三层通道调度 + 浏览器 CDP + 并行分治,自动积累站点经验,不断优化联网效率。
npx skills add eze-is/web-accessContext7 平台:为 AI 智能体提供最新的文档。
npx ctx7 setup借助智能体逆向分析任何东西,从应用行为一直深入到原生二进制。
npx rea-agents setup抓取 BOSS直聘(zhipin.com)某类岗位的招聘信息,生成 HTML 分析报告(技术栈/语言/学历薪资/加分项 + 可点击原文的岗位卡片墙)。
npx skills add litterbear520/littlebear-skills --skill boss-job-analyzer