036511ab3e
Broadens both reach (more tools) and content types (an MCP server), continuing the multi-platform story. Windsurf + Aider: - build-exports.mjs gains two platforms: exports/windsurf/*.md (workspace rules, trigger: model_decision) and exports/aider/*.md (conventions for `aider --read`). Now 5 platforms (ChatGPT, Gemini, Cursor, Windsurf, Aider). - install.sh + bin/cli.mjs install both (windsurf -> .windsurf/rules, aider -> .aider/skills with a --read hint); generated README index is excluded from copies. - One-line windsurf-install.sh / aider-install.sh wrappers for parity. MCP server (new content type): - mcp/server.mjs — zero-dependency stdio MCP server exposing list_skills, search_skills, get_skill. Published as a second bin (pm-claude-skills-mcp). Logs to stderr; reads bundled skills/ at startup. mcp/README.md documents client config. Also: README hero "See it in action" demo placement (ready to swap in a GIF; recording guide in web/docs-assets/README.md), Works-With table + exports + install docs updated, CHANGELOG Unreleased. package.json files/bin updated. Claude-Session: https://claude.ai/code/session_016JWn5jRD5tcEFKrubjQ6Px Co-authored-by: Claude <noreply@anthropic.com>
1.1 KiB
1.1 KiB
Docs assets
Images used in the main README.
playground.png— current Skill Playground screenshot (shown in the README hero).
Recording the hero demo GIF
To replace the static screenshot with a short looping demo:
- Record a ~15–25s clip of the live Playground (https://mohitagw15856.github.io/pm-claude-skills/):
pick a skill → fill the form → run → result streams in.
- macOS: Kap (free) or QuickTime screen recording.
- Windows: ScreenToGif (free) records straight to GIF.
- Cross-platform: Peek (Linux), or record an
.mp4and convert withgifski.
- Export as GIF named
playground-demo.gif, ideally ≤ ~1200px wide and < 5 MB (GitHub renders it inline; keep it small so the README loads fast).- From an mp4:
npx gifski --fps 12 --width 1100 -o playground-demo.gif demo.mp4
- From an mp4:
- Drop it in this folder and update the README hero image from
playground.pngtoplayground-demo.gif(the<!-- DEMO -->comment in the README marks the spot).