How jimliu/baoyu-design works
baoyu-design is a portable agent skill for producing self-contained HTML design artifacts, with starter UI scaffolds and companion import, design-system, and export tools. Its primary workflow is prompt → design clarification/context → artifact creation → preview and verification. The README documents capabilities beyond the sampled source; the graph preserves those branches but omits uncertain internal wiring. The file tree does not include the skill’s Markdown entry points, so their nodes use the existing skill directory as the supported path.
Main entry points: baoyu-design Design skill · starter-components Starter components · build-preview.mjs Preview and verify · deck-stage.js Deck stage
Components 15
Design workflow
- Design skill
skills/baoyu-design - Design methodology
skills/baoyu-design - Specialized skills
skills/baoyu-design - Preview and verify
skills/baoyu-design/agents/build-preview.mjs
UI scaffolds
- Starter components
skills/baoyu-design/starter-components - Deck stage
skills/baoyu-design/starter-components/deck-stage.js - Data overlay
skills/baoyu-design/starter-components/data-overlay.js
Import and systems
- Figma importer
skills/baoyu-design/agents/import-figma.mjs - Design-system import
skills/baoyu-design/agents/import-design-system.mjs - System compiler
skills/baoyu-design/agents/compile-design-system.mjs - System checker
skills/baoyu-design/agents/check-design-system.mjs - Asset recording
skills/baoyu-design/agents/record-asset.mjs
Export tools
- PPTX exporter
skills/baoyu-design/agents/gen-pptx/src - Video exporter
skills/baoyu-design/agents/gen-video/src
Other components
- Designer
Connections 14
- Designer → Design skill: requests design
- Design skill → Design methodology: loads methodology
- Design skill → Specialized skills: selects task skills
- Design skill → Starter components: uses scaffolds
- Design skill → Preview and verify: previews and verifies
- Designer → Figma importer: imports Figma
- Designer → Design-system import: imports system
- Designer → System compiler: compiles system
- Designer → System checker: checks system
- Designer → Asset recording: records asset
- Designer → PPTX exporter: exports slides
- Designer → Video exporter: exports video
- Starter components → Deck stage: includes component
- Starter components → Data overlay: includes component