🦞 Buda Social Cards (Brand Storytelling Engine)

This skill generates "Apple-like" or "Buda-style" high-end presentations for social media (Xiaohongshu), perfect for brand narratives, event recaps, tutorials, and dense information.

It uses a pure HTML/Playwright rendering pipeline that seamlessly mixes:

1. AI Illustrations (3D Pop style)
2. Real Photos (from user workspace)
3. Pure HTML Infographics (Timelines, VS comparisons, grids)

📐 The Workflow

Stage 1: Content & Layout Planning

1. Extract 3-6 core scenes or punchy quotes from the text.
2. Decide the card type for each scene:
   • image: Needs an AI illustration OR maps to a user-provided real photo/screenshot.
   • infographic: Needs high info-density (e.g., a VS comparison, a 3-step timeline, a checklist). Will be rendered purely with HTML/CSS.
3. Check the workspace for existing real photos. If none, plan to generate AI illustrations.