工具
28首頁 / 工具
Hermes Agent 安裝與飛書 Lark 集成配置
從安裝到配置 Hermes Agent,接入飛書 Lark Bot 實現日常通訊,以及設置 Hermes 讀取 OpenClaw 項目充當維運助手。
Mac Studio M3 Ultra 開發環境完整搭建
在 Mac Studio M3 Ultra (512GB RAM) 上從零搭建 AI 開發環境:系統配置、Homebrew 安裝、基礎工具鏈、效能調優。
Open Design Audio Jingle 技能指南
音頻生成技能 — jingles、beds、voiceover、音效。路由至 Suno V5 / Udio / Lyria(音樂)、MiniMax TTS / FishAudio / ElevenLabs V3(語音)、ElevenLabs SFX / AudioCraft(音效)。
Open Design Blog Post 技能指南
長篇部落格文章 — 報頭、主圖、文章主體含引用區塊 + 圖表、作者資訊、相關文章推薦。
Open Design Critique 技能指南
5 維度專家級設計評審 — 哲學一致性 / 視覺層級 / 細節執行 / 功能性 / 創新性,每項 0-10 分,輸出雷達圖 + 行動清單。
Open Design Dashboard 技能指南
管理 / 分析儀表板 — 固定左側欄 + top bar + KPI cards + inline SVG charts,單文件 HTML。
Open Design DCF Valuation 技能指南
上市公司現金流折現估值同內在價值分析 — DCF 模型、公允價值、目標價、折現率、敏感性分析。
Open Design Docs Page 技能指南
三欄文檔頁 — inline-start 導航 + 可滾動文章主體 + inline-end 目錄,支援 RTL 佈局。
Open Design Email Marketing 技能指南
品牌產品發佈郵件 — 報頭、主圖區塊、標題組合含斜體 accent、正文、主 CTA、規格網格。純 HTML 郵件佈局。
Open Design Finance Report 技能指南
季度/月度財務報告 — 報頭含 KPI、營收趨勢圖、成本拆解圖、P&L 摘要表、重點帳戶表、展望段。
Open Design Guizang PPT 技能指南
電子雜誌 × 電子墨水風格嘅橫向翻頁網頁 PPT,含 WebGL 流體背景、襯線標題 + 非襯線正文、5 套雜誌方向可選。
Open Design HTML-PPT Pitch Deck 技能指南
投資者就緒嘅 10 頁 HTML 路演簡報 — 白底 + 藍紫漸變 hero、大數字、traction bar chart、$X.XM 融資頁。
Open Design HTML-PPT 技能指南
HTML 簡報工作室 — 專業級靜態 HTML 簡報,36 套主題、31 種佈局、27 種 CSS 動畫 + 20 種 Canvas FX,支援演講者模式 + 逐字稿。
Open Design HyperFrames 技能指南
HTML 視頻合成框架 — 用 GSAP 時間軸 + data-* 屬性創建視頻、動畫、字幕卡、音頻反應視覺效果。
Open Design Image Poster 技能指南
單圖生成技能 — 海報、主視覺、編輯插畫。支援 gpt-image-2、Flux、Imagen、Midjourney 等多個模型。
Open Design Kanban Board 技能指南
看板/任務板 — 多欄(To do / In progress / In review / Done)、可拖拽卡片、負責人頭像、泳道、頂部篩選欄。
Open Design Meeting Notes 技能指南
會議記錄頁面 — 標題欄含出席者、議程清單、決策區塊、行動項目表格含負責人 + 截止日期、下次會議頁腳。
Open Design Mobile App 技能指南
iPhone 15 Pro 像素精確框架嘅手機應用原型 — 6 種屏幕原型可選,動態島 + 狀態欄 + home indicator 全預置。
Open Design Mobile Onboarding 技能指南
多屏手機引導流程 — 三個手機框架並排展示:splash、value-prop、sign-in。含狀態欄、滑動點、主 CTA。
Open Design Pricing Page 技能指南
獨立定價頁面 — 頁頭、套餐分層、功能比較表格、FAQ,使用 DESIGN.md 配色同字體。
Open Design SaaS Landing 技能指南
單頁 SaaS 落地頁 — hero + features + social proof + pricing + CTA,嚴格遵循 DESIGN.md 色彩/排版/佈局規範。
Open Design 118 技能完整分類目錄
Open Design 技能系統完整索引 — 118 個技能,146 個設計系統,涵蓋簡報、網頁、儀表板、移動應用、視頻、文檔等全場景。
Open Design 技能系統完整教學
從零掌握 Open Design 118 個技能的使用方法,包含觸發機制、技能分類、設計系統套用及實戰工作流。
Open Design 技能系統完整分類索引
118 個 Open Design 技能的完整分類索引,涵蓋簡報演示、網頁原型、儀表板、文檔模板、評審審核等 13 大類別。
Open Design Web Prototype 技能指南
通用桌面網頁原型 — 單文件 HTML,拷貝 seed 模板 + 佈局庫組裝,唔使從零寫 CSS。
Open Design Wireframe Sketch 技能指南
手繪風格線框圖探索 — 方格紙背景、marker/pencil 色調、多 tab 標籤變體、sticky note 註解、斜線填充圖表占位符。
OpenClaw 安裝與 Claude Code Bridge 技能配置
從零安裝 OpenClaw Agent 編排框架,配置 Claude Code Bridge 技能,實現對 Claude Code 的無縫操作。
Claude Code 深度使用指南
從安裝配置到高階技巧,全面掌握 Anthropic Claude Code CLI 工具,提升日常開發效率。