Visual Technical Briefing
intermediate
Create architecture diagrams, editable whiteboards, and browser-ready briefing decks.
Architecture
Extract Design System
Extracts visual tokens from a reference site
74/100
Fireworks Tech Graph
Generates polished technical SVG and PNG diagrams
85/100
Excalidraw MCP
Creates editable whiteboard sketches for iteration
81/100
Guizang PPT Skill
Packages the narrative into a single-file HTML deck
84/100
Expected Output
Visual Technical Briefing
Design tokens extracted: 31
Architecture diagrams: 3
Excalidraw canvases: 2
HTML slides: 14
-> Browser-ready deck generated
Related Recipes
Full-Stack Testing Suite
INTERMEDIATEComplete testing pipeline with unit tests, E2E browser tests, and TDD workflow.
codetesting
3 components
API Development Workflow
INTERMEDIATEComplete API lifecycle from design to testing with GraphQL support.
codeapi
3 components
Personal Research Vault
BEGINNERCollect papers, web findings, and persistent notes into a searchable research memory.
researchdocs
5 components