Screenshots¶

Auto-generated by python3 scripts/capture_screenshots.py after python3 -m linkedin_mcp.web is running on 127.0.0.1:8000.

The script uses Playwright to load each of the 11 Tailwind+Alpine panels in both light and dark themes and writes full-page PNGs into docs/screenshots/.

Panels¶

#	Panel	File	Description	Key features
1	Dashboard	`dashboard.png`	Main overview with KPIs	Hero gradient card, live activity feed, quick-action buttons
2	LLM Keys	`llm.png`	6 provider cards + add modal	OpenAI / Anthropic / OpenRouter / NVIDIA / Custom / Pool, masked key, test connection
3	Safety	`safety.png`	Ban-safety gate config	Daily limits, business hours, whitelist/blacklist, account age, warmup
4	Engagement	`engagement.png`	Auto-engagement controls	auto_like / auto_comment / auto_connect, dry-run toggle, warmup slider
5	Audit	`audit.png`	50-row audit table	Action / status / date filters, scrollable, live SSE indicator
6	Schedules	`schedules.png`	Cron-style post scheduler	Recurrence rules, timezone picker, preview pane
7	Templates	`templates.png`	Reusable post templates	Variable substitution (`{{name}}`), preview, copy-to-draft
8	Drafts	`drafts.png`	Post drafts	Autosave, publish-now, edit-in-place
9	Analytics	`analytics.png`	Impressions / reactions / profile views	Time-range picker, bar + line charts
10	Install	`install.png`	One-click agent install	6 agent cards (Claude, Cursor, Continue, Cline, Windsurf, Codex)
11	Profile	`profile.png`	LinkedIn profile snapshot	Avatar, headline, connections, recent activity

Each panel is captured in both themes, producing 22 PNGs total:

docs/screenshots/
├── dashboard-light.png
├── dashboard-dark.png
├── llm-light.png
├── llm-dark.png
├── safety-light.png
├── safety-dark.png
├── engagement-light.png
├── engagement-dark.png
├── audit-light.png
├── audit-dark.png
├── schedules-light.png
├── schedules-dark.png
├── templates-light.png
├── templates-dark.png
├── drafts-light.png
├── drafts-dark.png
├── analytics-light.png
├── analytics-dark.png
├── install-light.png
├── install-dark.png
├── profile-light.png
└── profile-dark.png

How to capture¶

1. Install Playwright¶

pip install playwright
python -m playwright install chromium

2. Start the web server (one terminal)¶

python3 -m linkedin_mcp.web
# server is up on http://127.0.0.1:8000

3. Run the capture script (another terminal)¶

chmod +x scripts/capture_screenshots.py   # one-time
python3 scripts/capture_screenshots.py
# → Done: 22 screenshots saved to docs/screenshots/

4. (Optional) Re-generate on UI changes¶

Re-run step 3 after modifying any panel under static/{name}.html or its Alpine/Tailwind wiring.

Embedding in docs / GitHub¶

Markdown:

![Dashboard (light)](docs/screenshots/dashboard-light.png)
![Dashboard (dark)](docs/screenshots/dashboard-dark.png)

GitHub will render both PNGs in light and dark mode viewers.

Tips¶

The script sets localStorage.theme and toggles the dark class on <html> to bypass the OS preference — useful for deterministic captures in CI.
For higher-DPI captures, edit scripts/capture_screenshots.py and add device_scale_factor=2 to new_context().
If a panel needs auth, log in once in a Chromium profile and pass storage_state="auth.json" to new_context().