mcpField
V
visual-modes

visual-modes

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

关于 visual-modes

用于在 UI 和交互设计中选择并应用视觉增强模式的技能，提供按模式加载参考资料的流程，并要求检查性能与无障碍性。

主要功能

  1. 01三种视觉模式及对应参考文件
  2. 02模式选择与参考资料加载流程
  3. 03增强效果与安全检查清单
  4. 04性能和无障碍性验证

适用场景

  1. 01设计高影响力的 UI 展示
  2. 02为界面应用指定视觉模式
  3. 03检查视觉改动的无障碍性与性能

安装

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

$npx skills add https://github.com/nickcrew/claude-cortex --skill visual-modes

安装后在 Claude Code 中输入/visual-modes确认已加载。

包含的文件

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

references/
kamehameha.md
over9000.md
supersaiyan.md

详细介绍

视觉模式

概述

应用适当的视觉增强模式，并遵循其清单进行 UI 和交互设计。

适用场景

  • 启用 Super Saiyan、Kamehameha 或 Over 9000 视觉模式
  • 设计具有高影响力的 UI 展示

避免用于：

  • 目标是非视觉输出或纯文本输出

快速参考

模式加载参考文档
Super Saiyanskills/visual-modes/references/supersaiyan.md
Kamehamehaskills/visual-modes/references/kamehameha.md
Over 9000skills/visual-modes/references/over9000.md

工作流

  1. 选择视觉模式。
  2. 加载对应的参考文档。
  3. 应用所需的增强措施和保护措施。
  4. 验证性能和无障碍性。

输出

  • 模式启用摘要
  • 已应用的关键增强措施

常见错误

  • 忽视性能或无障碍性限制
  • 混用模式却不说明理由

评论

支持 Markdown