Claude Skill
julianoczkowski/designer-skills
一套为AI编码工具编码设计流程的代理技能集合,帮助设计师获得结构化、可预测的原型输出,而非随机结果。
概览
仓库信息
安装这个 Skill
npx skills add julianoczkowski/designer-skillsRegistry 信息
项目简介
一套精心整理的代理技能集合,将结构化设计流程编码到AI编码工具中,帮助设计师构建原型时获得可预测、高质量的输出,而非随机结果。
A collection of agent skills for designers who prototype and build with AI coding tools. These skills encode design process so AI follows a structured path instead of producing random output.
要点
- 将设计流程编码为结构化的AI代理技能
- 减少AI生成输出的随机性
- 专为使用AI编码工具的设计师打造
- 支持原型设计和迭代设计工作流
- 开源集合,支持社区贡献
使用场景
- 结构化AI辅助的UI/UX原型设计
- 引导AI遵循一致的设计模式
- 减少AI生成设计中的手动返工
- 教会AI尊重设计约束
- 实现可重复的AI设计工作流
README 摘要
<p align="left"> <img src="design_skills_hero.png" alt="Design Skills — Cursor, GitHub Copilot, Claude" /> </p> <p align="left"> <a href="https://github.com/julianoczkowski/designer-skills"><img src="https://img.shields.io/github/stars/julianoczkowski/designer-skills?style=flat-square&logo=github" alt="GitHub stars" /></a> <a href="https://github.com/julianoczkowski/designer-skills"><img src="https://img.shields.io/github/last-commit/julianoczkowski/designer-skills?style=flat-square&logo=github&label=last%20commit" alt="Last commit on GitHub" /></a> <a href="#the-flow"><img src="https://img.shields.io/badge/skills-8-333?style=flat-square" alt="8 bundled skills" /></a> <a href="https://github.com/vercel-labs/skills"><img src="https://img.shields.io/badge/Vercel-skills%20CLI-000?style=flat-square&logo=vercel&logoColor=white" alt="Vercel skills CLI" /></a> <a href="#installation"><img src="https://img.shields.io/badge/package-julianoczkowski%2Fdesigner--skills-0070f3?style=flat-square" alt="Install via npx skills add julianoczkowski/designer-skills" /></a> <a href="#installation"><img src="https://img.shields.io/badge/agents-Claude%20Code%20%C2%B7%20Cursor%20%C2%B7%20Codex-6e7681?style=flat-square" alt="Claude Code, Cursor, Codex, and other agents" /></a> </p> # Designer Skills for Claude Code & Cursor A collection of agent skills for designers who prototype and build with AI coding tools. These skills encode design process so AI follows a structured path instead of producing random output. <p align="left"> <a href="https://youtu.be/1pV7bvbaCFg?si=JtVWoBHsb-hrguho" title="Watch on YouTube"> <img src="https://img.youtube.com/vi/1pV7bvbaCFg/maxresdefault.jpg" alt="Designer Skills — walkthrough (YouTube)" width="100%" /> </a> </p> <p align="left"><s
话题
暂无话题