docs-screenshot

Solid

Capture a 600×400 documentation screenshot from the running Silo app and composite it on the standard wallpaper. Use whenever adding or updating screenshots in apps/docs/public/img/guide/.

Code & Development 56 stars 5 forks Updated today MIT

Install

View on GitHub

Quality Score: 82/100

Stars 20%
58
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Silo Docs Screenshot Produces a **600×400 PNG** of a Silo UI region composited over the standard orange/purple wallpaper (`apps/docs/public/img/wallpaper.jpg`), styled as a windowed screenshot floating on the desktop — consistent with every other image in the guide. ## Quick reference ``` Corner Desktop visible Window bleeds Window canvas pos Merged geometry Round corner ────────── ───────────────── ─────────────── ───────────────────── ─────────────────── ──────────── top-left top(65) left(80) right, bottom (80, 65) +40+30 all 4 bot-left bot(10) left(80) top, right (80, 0) +40+-35 bot-left only top-right top(65) right(80) left, bottom (520-OW, 65) +(480-OW)+30 top-right only bot-right bot(10) right(80) top, left (520-OW, 390-OH) +(480-OW)+(355-OH) bot-right only center all sides ~50px none ((600-OW)/2, (400-OH)/2) +((600-OW)/2-40)+((400-OH)/2-35) all 4 ``` `top-left` — top half of app, feature on the LEFT (e.g. workspaces panel, editor). `bot-left` — bottom of app, feature on the LEFT (e.g. status bar menu). `top-right` — top half of app, feature on the RIGHT (e.g. file explorer, right side panel). `bot-right` — bottom of app, feature on the RIGHT (e.g. right-side status items, output panel). ## Pipeline ### 1. Take the screenshot ```bash silo(){ curl -s -m30 -X POST http://127.0.0.1:7878/ \ -H ...

Details

Author
silo-code
Repository
silo-code/silo
Created
3 months ago
Last Updated
today
Language
TypeScript
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category