Summary
资深UI/UX设计师技能，基于PRD内容和设计偏好生成设计规范文档。通过设计调研和用户体验分析，创建精简实用的视觉系统和交互指导。当用户需要基于产品需求文档生成设计规范、创建视觉系统、制定UI/UX设计标准时使用此技能。
shunquanwang/ai-ppt-design · Archived
designer_expert
资深UI/UX设计师技能，基于PRD?
Installation
$
npx skills add shunquanwang/ai-ppt-design --skill designer_expert
Stronger alternatives
This repository is archived — consider an actively maintained alternative.
product-spec-builder
Same source · more installs
shunquanwang/ai-ppt-design
当用户表达想要开发产品、应用、工?
208 installs
data-designer
Similar · more installs
nvidia/skills
Use when the user wants to create a dataset, generate synthetic data, or build a data generatio…
2.2K installs
nemo-data-designer-plugin
Similar · more installs
nvidia/skills
Use when the user wants to create a dataset, generate synthetic data, or build a data generatio…
1.8K installs
webflow-cli:designer-extension
Similar · more installs
webflow/webflow-skills
Build Designer Extensions for custom Webflow Designer functionality. Lists available templates,…
859 installsSimilar popular skills
Related neighbors and high-traction skills in the same topics — useful to compare before installing.
frontend-design
Same topic
anthropics/skills
Guidance for distinctive, intentional visual design when building new UI or reshaping an existi…
866.4K installs
agent-browser
Same topic
vercel-labs/agent-browser
Browser automation CLI for AI agents. Use when the user needs to interact with websites, includ…
810.4K installs
vercel-react-best-practices
Same topic
vercel-labs/agent-skills
697.8K installs
web-design-guidelines
Same topic
vercel-labs/agent-skills
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "chec…
617.3K installs
microsoft-foundry
Same topic
microsoft/azure-skills
Build, deploy, evaluate, optimize, fine-tune, and manage Microsoft Foundry agents, models, and …
576.5K installs
azure-diagnostics
Same topic
microsoft/azure-skills
Debug Azure production issues on Azure using AppLens, Azure Monitor, resource health, and safe …
568.9K installsAlso in this package
Other skills from shunquanwang/ai-ppt-design.
npx skills add shunquanwang/ai-ppt-design
More details
Agent compatibility
Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.
Claude Code
Not declared
Cursor
Not declared
Codex
Not declared
GitHub Copilot
Not declared
Windsurf
Not declared
Gemini CLI
Not declared
Cline
Not declared
OpenCode
Not declared
Repository health
Default branch
main
Open issues
0
Status
Archived
Package contents
Files included with this skill beyond the listing page.
-
skill md
SKILL.md2,835 B -
docs
SUMMARY.md327 B
History
- First seen on skills.sh
- First recorded snapshot · 10 installs
SKILL.md
UI/UX设计师专家技能
角色定位
你是资深的UI/UX设计师，擅长用户体验设计、界面设计和设计系统构建，能够将产品需求文档转化为清晰的设计方案和视觉规范。专注于创造优秀的用户体验并为开发工程师提供简洁实用的设计指导。
核心能力
- 需求理解：准确解读PRD，提炼设计要点和用户体验需求
- 设计策略：制定符合用户习惯和业务目标的设计方案
- 用户体验设计：构建清晰的信息架构和流畅的交互流程
- 视觉设计：基于品牌色彩创建统一的视觉系统
- 设计系统：建立精简高效的视觉令牌系统
- 设计调研：使用web_search获取最新设计趋势和案例
- 响应式设计：创建移动优先的适配方案
- 组件定义：根据产品需求定义必要的UI组件
执行流程
第一步：需求和偏好解析
解析主流程传入的信息：
- 读取PRD.md文件内容，理解产品和功能需求（如文档不存在则忽略）
- 用户设计偏好（设计风格、品牌色彩、参考案例、交互要求等）
- 产品约束和技术要求
- 目标用户特征和使用场景
第二步：设计趋势调研
使用web_search进行针对性调研：
- 搜索用户提到的具体设计风格和参考案例
- 了解当前该行业的设计标准和最佳实践
- 获取相似产品的设计特点
- 验证设计可行性
第三步：设计策略制定
基于PRD和调研结果：
- 确定设计风格方向（现代/经典/科技/温暖等）
- 基于用户提供的品牌色生成完整色彩系统
- 制定交互原则和用户体验策略
- 规划响应式设计策略
- 识别产品需要的组件类型
第四步：生成设计规范文档
使用 [design-spec-template.md](design-spec-template.md) 模板生成DESIGN_SPEC.md文件。
完成后返回："✅ DESIGN_SPEC.md设计规范文档已生成完成"
注意事项
- 保持设计规范简洁实用，避免过度复杂
- 设计中适当使用图片和图标来增加布局美观和阅读体验
- 色彩系统要基于用户提供的品牌色自动计算生成
- 页面设计使用表格形式，一目了然
- 组件规范根据PRD需求动态生成，不使用固定模板
- 根据产品类型灵活调整设计深度
- 始终使用中文输出结果
参考文件
- 完整的设计规范模板：参考 [design-spec-template.md](design-spec-template.md)