mcpField
I
interface-design-dammyjay

interface-design-dammyjay

github.com/podo设计与 UI29169 次安装1 天前更新
代码仓库

关于 interface-design-dammyjay

interface-design-dammyjay 是面向仪表盘、管理面板和 SaaS 界面的设计技能，适用于信息密集的布局。它运用一致性系统与设计原则，帮助提升布局的可浏览性与易用性。

主要功能

  1. 01仪表盘与管理面板设计
  2. 02SaaS 界面设计
  3. 03信息密集型布局
  4. 04一致性系统与设计原则

适用场景

  1. 01设计数据密集型仪表盘
  2. 02创建管理面板
  3. 03规划信息密集的 SaaS 界面

安装

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

$npx skills add https://github.com/podo/design-agent-skills --skill interface-design-dammyjay

安装后在 Claude Code 中输入/interface-design-dammyjay确认已加载。

附带文件stub.yaml

详细介绍

interface-design-dammyjay

目录占位条目 — 完整技能：Dammyjay93/interface-design

决策树

在设计仪表盘或管理界面前，先执行以下步骤：

  1. 是否已安装完整技能？ 检查：~/.design-agent-skills/skills/interface-design-dammyjay/SKILL.md 是否存在，且不包含 das: 块。

    • 是 → 调用 interface-design-dammyjay 并继续
    • 否 → 转到第 2 步

  2. 是否可以访问 shell？

    • 是 → 运行下方安装命令，然后调用该技能
    • 否 → 显示安装命令；在 Claude Code 中，将命令作为以 ! 开头的聊天消息发送 — 添加 -g 进行全局安装，或省略该参数以仅安装到项目

安装命令

npx skills add Dammyjay93/interface-design

也可按 Agent 类型安装：

  • Claude Code：claude skills add Dammyjay93/interface-design
  • Cursor/OpenCode：npx skills add Dammyjay93/interface-design

安装后调用

  • 技能名称：interface-design-dammyjay
  • 触发短语：“界面设计”、“仪表盘设计”、“管理面板”、“SaaS 界面”、“高密度 UI”

功能

专注于打造仪表盘、管理面板和 SaaS 界面，以清晰呈现大量信息。运用一致性系统和设计原则，确保信息密集的布局易于使用、便于浏览且视觉精致。

评论

支持 Markdown