☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
davepoon-buildwithclaude-moodboard-creator
下载
该技能指导用户根据设计灵感创建视觉情绪板。它提供分步说明，用于提取颜色、排版和UI模式，并将其组织成文档化的设计方向。工作流程包括根据用户反馈进行迭代优化，最终形成可供实施的设计系统。
一、命令行（CLI）进阶用法（共7条）
- 以CLI视角看待工具：明确 Claude Code 本质是一个命令行程序，天然支持标准 CLI 行为与交互范式。
-
启用命令行模式：通过
-P参数启动，使其进入纯命令行运行状态。 -
启用前端交互模式：同样使用
-P参数，但配合界面环境触发图形化上下文交互流程。 - 无缝串联外部工具：可将 bash 脚本、CLI 工具链（如 jq、sed、curl）与 Claude Code 组合成端到端工作流。
-
利用管道注入数据：借助
|将前序命令输出直接作为输入传递给 Claude Code 进行处理。 - 并行多任务处理：支持在同一系统中同时运行多个独立的 Claude Code 实例，互不干扰。
- 自启式任务分发：可通过指令让当前实例启动新进程，专用于执行子任务或隔离环境操作。
二、图像智能解析技巧（共6条）
- 拖放即识别：直接将本地图像文件拖入终端窗口，自动完成加载与上下文注入。
-
macOS 快速截图：使用
Shift+Command+Control+4截取区域并自动复制至剪贴板，便于后续粘贴。 -
终端专用粘贴键：在终端中务必使用
Control+V（非Command+V）将剪贴板中的图像内容导入。 - 设计图转代码：将 UI 设计稿截图或导出图粘贴后，由 Claude Code 解析结构并生成对应前端代码。
- 闭环视觉迭代：对运行中的应用界面截图，反馈给 Claude Code 分析并提出优化建议或修复方案。
- 自动化截图集成：结合 Puppeteer MCP 插件，实现页面渲染→截图→上传→分析的全自动流程。
三、外部系统集成技巧（共5条）
- 双模 MCP 角色：Claude Code 可灵活切换为 MCP 协议的服务端或客户端，适配不同集成场景。
- 数据库直连能力：通过 Postgres MCP 服务模块，实现与 PostgreSQL 数据库的实时连接与查询交互。
- 动态文档同步：接入 Cloudflare 等厂商提供的 MCP 文档服务，自动拉取最新 API 规范与变更日志。
- 网页内容抓取：直接粘贴任意 URL，Claude Code 将自动获取其 HTML 内容并纳入当前对话上下文。
- 跨域知识调用：利用 URL 抓取功能引入外部权威信息（如维基百科、游戏规则说明等），辅助逻辑构建与决策。
四、claude.md 配置策略（共7条）
-
系统提示中枢：
claude.md是每次请求默认加载的核心提示模板，决定基础行为与角色设定。 -
项目级初始化：在项目根目录执行
/init，自动生成一份契合当前代码结构与技术栈的初始配置。 -
会话中动态编辑：在对话中使用
#开头的语句，即可即时追加或覆盖claude.md中的规则项。 -
全局统一配置：于用户主目录
~/.claude/下放置claude.md，使所有项目共享同一套基础设定。 -
模块级差异化配置：在子目录中单独部署
claude.md，实现按功能模块定制提示逻辑。 -
持续精炼机制：定期回顾与重构
claude.md内容，确保其简洁性、准确性与场景匹配度。 -
AI 辅助提示优化：调用 Anthropic 官方提示工程工具，对
claude.md中的关键指令进行效果评估与增强。
五、斜杠命令定制指南（共6条）
-
标准化存放路径：所有自定义斜杠命令需置于
.claude/slash_commands/目录下，以.md或.txt格式保存。 -
GitHub Issue 处理器：创建
/solve_github_issue命令，自动解析 issue 描述、复现步骤并生成补丁草案。 -
代码结构化重构器：定义
/refactor命令，支持按命名规范、职责分离等原则批量重写指定模块。 -
静态检查封装器：构建
/lint命令，整合 ESLint / Prettier / Ruff 等规则，一键执行并反馈问题。 -
PR 智能审查助手：开发
/review_pr命令，结合 diff 分析、安全扫描与最佳实践校验生成评审意见。 - 参数化命令模板：每个斜杠命令本质是可变量替换的提示模板，支持传入路径、语言类型、严重等级等参数。
六、UI 交互与效率技巧（共3条）
-
路径智能补全：输入文件路径时按
Tab键，自动列出匹配项并补全完整路径，提升上下文精准度。 -
及时中断响应：当输出偏离目标或陷入冗余循环时，果断按下
Esc强制终止当前生成过程。 -
一步回退修正：中断后可立即发出
undo指令，要求 Claude Code 撤销上一轮操作并重新规划执行路径。
