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