npx claudepluginhub an8079/take-skillsThis skill uses the workspace's default tool permissions.
hud
Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Guides building MCP servers enabling LLMs to interact with external services via tools. Covers best practices, TypeScript/Node (MCP SDK), Python (FastMCP).
Generates original PNG/PDF visual art via design philosophy manifestos for posters, graphics, and static designs on user request.
hud
任务实时状态 HUD（Head-Up Display）：以飞行员 HUD 的方式，在每个任务执行节点实时推送状态更新。HUD 不打断工作流，而是以紧凑的可视化格式呈现进度、资源消耗、风险预警。与 progress-tracking（事后报告式）不同，hud 是主动推送式——持续显示当前状态，让用户始终知道"现在在哪"。
用户说以下话时激活：
标准 HUD 格式（单行/双行）：
┌─────────────────────────────────────────────────────────┐
│ ⬡ [项目名] ⏱ 12:34 ████████░░░░░░░░ 58% 😐 │
│ [当前任务] ──▶ [下一步] │
│ ⚠ 风险: [如有] │
└─────────────────────────────────────────────────────────┘
ANSI 彩色 HUD（CLI）：
⬡ myproject 12:34 ▓▓▓▓▓▓▓▓░░░░ 58% ⏳ build:✓ test:▓▓
→ Writing index.ts ──▶ Running tests
⚠ slow query detected (>2s)
纯文本 HUD（无 ANSI）：
[========----] 58% | myproject | 12:34 | BUILD:OK | TEST:RUN
-> Writing index.ts -> Running tests
[!] slow query detected (>2s)
HUD 自动读取以下数据：
| 数据字段 | 来源 | 更新频率 |
|---|---|---|
| 项目名 | 当前工作目录名 | 静态 |
| 耗时 | 计时器 | 每节点 |
| 进度条 | 已完成任务/总任务 | 每节点 |
| 当前节点 | 当前执行步骤名 | 每节点 |
| 下一步 | 队列中下一个任务 | 每节点 |
| 风险预警 | 执行过程中检测 | 实时 |
| 情绪指标 | 错误率/成功率 | 每节点 |
更新触发点：
风险等级与颜色：
超时规则：
提供以下 HUD 格式化函数（可在任何执行上下文中调用）：
hud_start(project_name, total_steps):
┌────────────────────────────────────────┐
│ ⬡ [project_name] ⏱ 00:00 │
│ [====--------] 0/[total_steps] │
│ → 初始化... │
└────────────────────────────────────────┘
hud_update(current_step, next_step, progress_pct, elapsed):
┌────────────────────────────────────────┐
│ ⬡ [project_name] ⏱ [elapsed] │
│ [██████--------] 60% [X/Y] │
│ ✓ [完成步骤] │
│ → [当前步骤] ──▶ [下一步] │
└────────────────────────────────────────┘
hud_warn(level, message):
│ ⚠ [level] [message] │
hud_done(summary):
┌────────────────────────────────────────┐
│ ✅ 完成！ ⏱ [total_time] │
│ ████████████████ 100% │
│ → [最终结果摘要] │
└────────────────────────────────────────┘
Example 1：多步骤重构任务
┌──────────────────────────────────────────────────────────┐
│ ⬡ react-ts-migration ⏱ 08:23 ████████░░░░░░ 47% │
│ Writing index.ts ──▶ Running type check │
│ ✅ Audit complete (42 files, 18 need migration) │
└──────────────────────────────────────────────────────────┘
┌──────────────────────────────────────────────────────────┐
│ ⬡ react-ts-migration ⏱ 14:05 ██████████████░░ 82% │
│ ✓ Type fix (43 errors → 7) ──▶ Final build │
│ ⚠ WARNING: 3 components use dynamic 'any' — manual review│
└──────────────────────────────────────────────────────────┘
┌──────────────────────────────────────────────────────────┐
│ ✅ 完成！ ⏱ 17:42 │
│ ████████████████ 100% │
│ → 42 files migrated, 0 build errors, 3 warnings │
└──────────────────────────────────────────────────────────┘
Example 2：数据处理 Pipeline
[████████░░░░░░░░░] 45% | etl-pipeline | 23:15 |
-> Parsing CSV (2.3M rows) -> Schema validation -> Loading DB
[!] ALERT: Row 4821 has missing 'user_id', skipping...
[memory: 1.2GB/4GB]
progress-tracking 技能的上下文中，HUD 作为其前端展示层autopilot 联动时，HUD 默认激活；用户说 "hud off" 可禁用