MCP Awwwards Todo System

🏆 MCP Awwwards评估Todo系统

Claude Desktop的专业MCP服务器 具有系统的设计原则和屡获殊荣的接口标准。

   ![Design]()

一 MCP（模型上下文协议）服务器 Claude Desktop提供具有系统设计原则的专业todo管理，并在对话中保持屡获殊荣的界面标准。

🎯 概述

这 MCP服务器 与无缝集成 克劳德桌面 提供符合专业设计标准的智能todo管理。

系统结合了基本设计原则：

• 瑞士电网系统 （约瑟夫·穆勒-布罗克曼）→ 数学精度，模块化布局
• 排版层次结构 （艾伦·卢普顿-《用类型思考》）→ 清晰的信息结构
• Awwwards评估 （40%设计，30%可用性，20%创意，10%内容）→ 行业标准评估
• 跨聊天持久性 → 谈话之间永远不要失去进展
• 上下文触发器 → 基于对话流的智能自动显示

✨ 特性

🏆 专业设计标准

╔══════════════════════════════════════════════════╗
║  🏆 MCP AWWWARDS TODO SYSTEM v1.0.0          ║
║  Professional MCP Server for Claude Desktop      ║
╚══════════════════════════════════════════════════╝

▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ [ ] Review MCP server documentation         ▓
▓ [✓] Create typography style guide          ▓  
▓ [~] Test font combinations                 ▓
▓ [ ] Apply Awwwards evaluation criteria     ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓

▓ DESIGN:     9.2/10 (Swiss Grid + Typography) ▓
▓ USABILITY:  8.8/10 (Clear symbols + scanning) ▓
▓ CREATIVITY: 8.5/10 (Functional minimalism)   ▓
▓ CONTENT:    8.0/10 (Meaningful organization) ▓
▓                                              ▓
▓ OVERALL:    8.9/10 → SITE OF THE DAY LEVEL   ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓

🎨 风格变化

• 极简主义者：清洁▓ 边框，最适合日常使用
• 野兽派：粗体▓▓ 边界，竣工庆典风格
• 终端：坡度░▒▓ 边界，能源可视化促进进步
• 现代：灯光▫ 边界，话题转换的新方法

📊 Awwwards评估系统

每个todo显示都会根据专业标准自动评估：

• 设计（40%）：视觉美学、布局质量、排版层次
• 可用性（30%）：用户体验清晰度、导航、功能效率
• 创造力（20%）：创新、原创性、系统方法
• 含量（10%）：信息质量，有意义的组织

成就水平：

• 9.0+：今日网站🏆
• 8.5+：开发商奖🥇
• 6.5+：荣誉奖🎖️
• \<6.5：持续改进📈

🔄 跨聊天持久性

• 待办事项在所有对话中持续存在
• 智能初始化加载最近未完成的会话
• 多会话管理，易于切换
• 自动进度跟踪和时间戳

🔥 上下文自动显示

Todos在以下情况下自动显示：

• 用户明确请求("show todos")
• 对话中每10条消息
• 项目已完成(🎉 庆祝风格）
• 取得重大进展(⚡ 能源风格）
• 部分任务完成(✨ 更新样式）
• 对话中的话题转换(🔄 新鲜风格）

🚀 安装和设置

快速安装（推荐）

1. 将存储库克隆到MCP服务器目录：

cd /Users/cameronbrooks/Server/MCP
git clone https://github.com/brookcs3/mcp-awwwards-todo-system.git mcp-awwwards-todo
cd mcp-awwwards-todo
./install.sh

1. 重新启动克劳德桌面

1. 完成！ 系统将在您的下一次对话中自动初始化。

手动安装

1. 克隆存储库：

cd /Users/cameronbrooks/Server/MCP
git clone https://github.com/brookcs3/mcp-awwwards-todo-system.git mcp-awwwards-todo
cd mcp-awwwards-todo

1. 添加到您的Claude Desktop MCP配置中：

编辑 ~/Library/Application Support/Claude/claude_desktop_config.json:

{
  "mcpServers": {
    "mcp-awwwards-todo": {
      "command": "node",
      "args": ["/Users/cameronbrooks/Server/MCP/mcp-awwwards-todo/mcp-server.js"]
    }
  }
}

1. 重新启动克劳德桌面

验证

测试安装：

node mcp-server.js

您应该看到：

🏆 MCP Awwwards Todo System - Server Starting...
Server Info: { name: 'MCP Awwwards Todo System', version: '1.0.0', ... }

📖 使用指南

自动初始化

当您开始新的对话时，系统会自动：

1. 检查未完成的待办事项 来自之前的对话
2. 显示最近的会话 经过全面的Awwwards评估
3. 列出其他活动会话 如果它们存在
4. 询问是否要切换 专注于另一个项目

初始化示例：

🔄 MCP AWWWARDS TODO SYSTEM - CONTINUING FROM PREVIOUS CHAT

Most recent active session: Design System Project

[Professional todo display with evaluation scorecard]

📋 OTHER ACTIVE SESSIONS (2):
• API Refactor Sprint - 3/4 complete, 1 in progress
• Marketing Campaign - 1/3 complete, 2 in progress

❓ Would you like to switch to a different session?

手动命令

• “所有人” → 显示当前会话
• “切换到\[会话名称\]” → 更改活动会话
• “创建新会话” → 启动新项目
• “评估界面” → 获取详细的Awwwards细分

上下文触发器

系统智能显示待办事项：

• 每10条消息 → 定期更新
• 任务完成 → 以野兽派风格庆祝
• 进度更新 → 终端风格的能源可视化
• 主题更改 → 现代风格的新鲜展示

🏗️ 建筑

MCP服务器结构

mcp-awwwards-todo-system/
├── mcp-server.js           # Main MCP server entry point
├── AwwwardsTodoSystem.js   # Core evaluation engine
├── mcp-config.json         # MCP server configuration
├── install.sh              # Automated installation script
├── package.json            # Node.js package configuration
├── README.md               # This documentation
├── index.html              # Browser demo (for testing)
└── examples/               # Usage examples
    └── basic-usage.js      # Implementation examples

设计理念

通过功能设计实现系统美：

1. 数学精度 （穆勒-布罗克曼）

- 48个字符的最佳阅读测量 - 一致的网格间距 - 模块化布局比例

1. 排版层次结构 （埃伦·卢普顿）

- 清晰的信息结构 - 功能符号系统 - 左对齐扫描图案

1. 专业评估 （哇）

- 加权评分标准 - 行业标准评估 - 成就水平跟踪

1. 情境智能

- 会话感知触发器 - 基于上下文的自适应样式 - 交叉聊天持久性

🔧 配置

MCP服务器功能

服务器提供以下MCP工具：

• create_todo_session -创建带有评估的新会话
• display_todos -展示瑞士网格设计的待办事项
• update_todo_status -使用上下文触发器进行更新
• switch_session -多会话管理
• evaluate_interface -Awwwards风格评估

定制

编辑 mcp-config.json 修改：

• 服务器名称和描述
• 工具功能
• 评价权重
• 风格变化

存储

待办事项持久存储在：

~/Library/Application Support/Claude/todos.json

🧪 测试与开发

运行演示

node demo.js

浏览器测试

open index.html

MCP服务器测试

node mcp-server.js

基本使用示例

node examples/basic-usage.js

📊 系统性能

典型评价分数：

• 设计：9.0-9.5/10（瑞士电网卓越）
• 可用性：8.5-9.0/10（清晰符号系统）
• 创造力：8.0-8.5/10（功能极简主义）
• 内容：7.5-8.5/10（有意义的组织）

总体成就水平：当日网站（平均8.9/10）

🤝 贡献

该系统代表了基础设计原则与现代MCP实现的综合。捐款应保持：

• 系统化设计方法
• 专业评价标准
• MCP协议兼容性
• 跨平台功能

📚 设计参考

• “平面设计中的网格系统” 约瑟夫·穆勒-布罗克曼
• “用类型思考” 艾伦·卢普顿
• Awwwards评估标准 -专业网页设计标准
• MCP协议 -模型上下文协议规范
• 瑞士国际排版风格 -客观清晰度原则

📄 许可证

MIT许可证-系统设计原则的开源实现。

🆘 支持

安装问题：

1. 确保已安装Node.js(node --version)
2. 检查文件权限(chmod +x install.sh)
3. 验证Claude Desktop配置文件位置
4. 配置更改后重新启动Claude Desktop

运行时问题：

1. 在Claude Desktop中检查MCP服务器日志
2. 手动测试服务器： node mcp-server.js
3. 验证JSON配置语法
4. 确保所有文件路径都是绝对路径

设计问题：

• 瑞士电网原则遵循穆勒-布罗克曼标准
• 基于卢普顿“用类型思考”的排版层次
• Awwwards评估使用官方标准加权
• 所有设计决策都有系统的合理性

🎯 路线图

• \[\]其他风格变体（包豪斯、孟菲斯等）
• \[\]自定义评估标准模板
• \[\]团队协作功能
• \[\]高级排版选项
• \[\]导出功能（PDF、PNG）
• \[\]与其他MCP服务器集成

______________________________________________________________________

✨ 具有系统设计原则的专业待办事项管理

专为Claude Desktop用户打造，他们欣赏屡获殊荣的界面设计和系统化的生产力方法。

🏆 成就等级：当日网站