视觉画布设计
canvas-design
基于设计原则创作静态视觉作品,用于海报与品牌图形。
NSSlides【文档与办公】Network State presentation template system. Balaji's official slide design with evidence-backed layouts, full-text support, and Network State branding. USE WHEN network state slides, ns-slides, create network state presentation, ns presentation, balaji network state talk.
独立 GitHub 快照 · 自动分类 · 以原作者文档为准
Presentation slide system based on Balaji Srinivasan's official Network State slide templates. Evidence-first design with split layouts, device mockups, data visualizations, and consistent Network State branding.
NSSlides differs from the general BalajiSlides skill in that it includes full body text on slides alongside headlines and visuals, following Balaji's actual template system for Network State presentations.
Before executing, check for user customizations at:
~/.claude/skills/PAI/USER/SKILLCUSTOMIZATIONS/NSSlides/
If this directory exists, load and apply any PREFERENCES.md or configurations found there.
You MUST send this notification BEFORE doing anything else when this skill is invoked.
curl -s -X POST http://localhost:8888/notify \
-H "Content-Type: application/json" \
-d '{"message": "Running the WORKFLOWNAME workflow in NSSlides skill to ACTION"}' \
> /dev/null 2>&1 &
| Workflow | Trigger | File |
|---|---|---|
| CreateNSSlides | "create ns slides", "network state presentation", "ns talk", "create network state slides" | Workflows/CreateNSSlides.md |
Full Design Guide: Read DesignGuide.md in this skill's root for complete style rules and slide templates.
Example 1: Create a Network State pitch deck
User: "create ns slides for a network state investor pitch"
-> Invokes CreateNSSlides workflow
-> Loads DesignGuide.md for style rules
-> Structures numbered sequence (Section 1: What is Network State, Section 2: Economic Model, etc.)
-> Each slide: bold headline + 1-2 sentence body text + real visual artifact
-> Outputs Google Slides markdown format with Network State branding
Example 2: Data explainer slide with map
User: "make an ns-slides showing network state distribution by country"
-> Invokes CreateNSSlides workflow
-> Uses Pattern 2: Full-Screen Dark Data Slide
-> Dark background with world map visual taking 100% space
-> Left-overlay text: headline + explanatory paragraph
-> Footer: Network State + ns.com
Example 3: Device mockup slide
User: "ns-slides showing network state app on iPhone"
-> Invokes CreateNSSlides workflow
-> Uses Pattern 3: Device Mockup
-> Centered iPhone mockup with app UI screenshot
-> Caption below device with headline + short description
-> White background, clean and minimal