Agent Skills
› julianoczkowski/designer-skills
julianoczkowski/designer-skills
GitHub将设计简报拆解为按优先级排序的垂直切片任务清单，支持自动分析代码库现状、组件依赖及样式规范，确保每个任务独立可构建和验证，并按基础、核心UI等模块生成结构化Markdown文件。
Install All Skills
npx skills add julianoczkowski/designer-skills --all -g -y
Skills in Collection (8)
将设计简报拆解为按优先级排序的垂直切片任务清单，支持自动分析代码库现状、组件依赖及样式规范，确保每个任务独立可构建和验证，并按基础、核心UI等模块生成结构化Markdown文件。
用户希望将设计简报分解为具体任务
询问功能开发的优先顺序或第一步
要求创建从简报生成的任务列表
提及任务拆解或规划实现步骤
npx skills add julianoczkowski/designer-skills --skill brief-to-tasks -g -y
通过交互式访谈和代码库探索，协助用户规划新功能或页面，定义UI方向并生成设计简报。
用户希望编写设计简报
计划新功能或页面
定义UI方向
提及关键词 brief
npx skills add julianoczkowski/designer-skills --skill design-brief -g -y
引导用户按顺序完成从需求澄清到前端设计的全流程，支持阶段跳过与确认，确保每一步产出明确后再进入下一阶段。
Run the full design flow
Walk me through the complete process for a new project
Start from scratch and take me through everything
Design flow for a dashboard app
npx skills add julianoczkowski/designer-skills --skill design-flow -g -y
对已构建应用进行结构化设计评审，对比设计简报与代码实现。检查视觉层次、一致性、响应式、可访问性及美学 fidelity。强制要求捕获运行截图，结合代码审查确保交付质量。
用户请求设计评审或批评
提及 QA pass 或 polish pass
询问界面外观或设计符合度
npx skills add julianoczkowski/designer-skills --skill design-review -g -y
根据设计哲学生成包含明暗模式、间距和色彩的CSS变量或Tailwind配置，建立项目视觉系统。
启动新项目需建立视觉规范
提及tokens或design system
需要设置颜色、间距等基础样式
npx skills add julianoczkowski/designer-skills --skill design-tokens -g -y
指导构建具有独特美学风格的生产级前端界面。通过探索现有代码库和选择设计哲学，生成注重细节的高质量组件与页面代码，避免通用AI输出。
需要构建特定风格的UI组件
根据设计简报生成页面布局
要求实现具有特定美学理念的前端界面
npx skills add julianoczkowski/designer-skills --skill frontend-design -g -y
通过持续追问和压力测试帮助用户深入思考设计方案，解决决策分支依赖。若信息存在于代码库或现有组件中，则优先自动探索而非提问，旨在达成对计划或设计的共同理解。
用户希望压力测试其计划或设计思路
用户明确要求挑战其方法或提出'grill me'
npx skills add julianoczkowski/designer-skills --skill grill-me -g -y
定义产品或网站的结构层，涵盖导航、内容层级、页面结构和URL模式。用于在视觉设计前规划站点结构、定义导航及映射用户流程。
规划应用的信息架构
映射导航和页面结构
组织文档站点的内容
定义用户体验流程
提及IA或信息架构
npx skills add julianoczkowski/designer-skills --skill information-architecture -g -y
