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