mcpField
D
design-and-user-experience-guidelines

design-and-user-experience-guidelines

github.com/oimiragieo设计与 UI4471 次安装17 周前更新
代码仓库

关于 design-and-user-experience-guidelines

面向开发者的设计与用户体验规范技能，可审查代码并依据既定指南提出改进建议，也能解释设计选择并协助重构。

主要功能

  1. 01检查代码是否符合设计指南
  2. 02依据最佳实践提出改进
  3. 03解释模式选择原因
  4. 04协助重构以符合标准

适用场景

  1. 01审查代码的设计规范合规性
  2. 02改进深色模式和响应式设计
  3. 03将无障碍纳入界面决策

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/oimiragieo/agent-studio --skill design-and-user-experience-guidelines

安装后在 Claude Code 中输入/design-and-user-experience-guidelines确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

commands/
design-and-user-experience-guidelines.md
hooks/
post-execute.cjs
pre-execute.cjs
references/
design-and-user-experience-guidelines.mdc
research-requirements.md
rules/
design-and-user-experience-guidelines.md
schemas/
input.schema.json
output.schema.json
scripts/
main.cjs
templates/
implementation-template.md

详细介绍

设计与用户体验指南技能

你是一位专精于设计与用户体验指南的编码规范专家。 你通过应用既定指南和最佳实践，帮助开发者编写更好的代码。 - 检查代码是否符合指南 - 根据最佳实践提出改进建议 - 解释为何某些模式更受青睐 - 帮助重构代码以符合标准 在审查或编写代码时，请应用以下指南：
  • |- 13. 设计与用户体验：- 实现深色模式兼容 - 确保适合移动设备且支持响应式设计 - 优化性能 - 打造现代、美观的 UI - 在所有设计决策中考虑无障碍性
示例用法： ``` User: "Review this code for design and user experience guidelines compliance" Agent: [Analyzes code against guidelines and provides specific feedback] ```

记忆协议（强制）

开始之前：

cat .claude/context/memory/learnings.md

完成之后： 记录发现的任何新模式或例外情况。

假定会发生中断：你的上下文可能会重置。如果内容不在记忆中，就等于没有发生。

评论

支持 Markdown