CldKit
首頁瀏覽RECIPES提交CLIAI 策展助手登入
登入
CldKit
瀏覽Recipes提交CLI·關於隱私條款

為 AI 開發者建置。每個 components 都經過審查。

© 2026 CldKit

語言
首頁>Recipes>Visual Technical Briefing

Visual Technical Briefing

intermediate

Create architecture diagrams, editable whiteboards, and browser-ready briefing decks.

架構

Extract Design System
Extracts visual tokens from a reference site
74/100
npx skills add arvindrk/extract-design-system
Fireworks Tech Graph
Generates polished technical SVG and PNG diagrams
85/100
npx skills add yizhiyanhua-ai/fireworks-tech-graph
Excalidraw MCP
Creates editable whiteboard sketches for iteration
81/100
claude mcp add excalidraw --scope user -- npx -y mcp-excalidraw-server
Guizang PPT Skill
Packages the narrative into a single-file HTML deck
84/100
npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill

預期輸出

Visual Technical Briefing Design tokens extracted: 31 Architecture diagrams: 3 Excalidraw canvases: 2 HTML slides: 14 -> Browser-ready deck generated

相關 Recipes

Full-Stack Testing Suite

INTERMEDIATE

Complete testing pipeline with unit tests, E2E browser tests, and TDD workflow.

codetesting

3 個 components

API Development Workflow

INTERMEDIATE

Complete API lifecycle from design to testing with GraphQL support.

codeapi

3 個 components

Personal Research Vault

BEGINNER

Collect papers, web findings, and persistent notes into a searchable research memory.

researchdocs

5 個 components

全部安裝

npx skills add arvindrk/extract-design-system
npx skills add yizhiyanhua-ai/fireworks-tech-graph
claude mcp add excalidraw --scope user -- npx -y mcp-excalidraw-server
npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill

難度

intermediate

Components

4

創建時間

May 1, 2026

場景

docs
design
code