Update product-showcase and image-processing SKILL.md to use capture-screenshots and img-process CLI as primary approach. Custom scripts become the fallback for complex operations. Closes#70.
Inlined ModeToggle component, 18 gotchas, architecture deep-dive,
color variable flow diagrams, dark mode switching flow. 3 refs removed,
migration-guide.md kept as optional. SKILL.md: 173 -> 419 lines.
Part of #65 (3 of 14 skills). Delegated to sub-agent worker.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Deployment: Cloudflare Workers with Static Assets (recommended), Pages
drag-and-drop, or any static host. Custom domain guidance.
Enquiry forms: three patterns — Formspree (no backend), Worker endpoint
(SMTP2Go/Resend), Turnstile spam protection. Form field recommendations
and post-submission UX.
Additional pages: pricing, about, changelog, docs link, blog, privacy/
terms, status page — with guidance on when to include each.
SEO: per-page meta tags, OG images, canonical URLs, JSON-LD reference.
New quality rules: forms must submit somewhere, every page needs nav,
deploy to a real URL (not local files).
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Major rewrite — the skill now produces multi-page marketing websites,
not just single-page marketing:
Standard mode: Home + Features + How It Works pages with real screenshots
Thorough mode: Per-feature deep-dive pages, animated GIF walkthroughs,
use case scenario pages ("A day in the life of..."), comparison page
New: Animated GIF capture — record 2-4 second workflow sequences as GIFs
using Playwright frame capture + PIL. Shows the app actually working,
not just static screenshots.
New: Agentic app marketing patterns — before/after, timeline, result
showcase, side-by-side, magic moment GIFs. Copy tips for invisible AI
value ("Know every client's history" not "AI-powered CRM").
New: Per-feature pages with hero screenshot, how it works, why it
matters, power-user tips. Use case pages with story-driven scenarios.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
app-docs rewritten with:
- Exhaustive depth level (150+ screenshots, publishable HTML suite)
- Per-page documentation template with What You'll See / What You Can Do / How To
- Supporting sections: getting started, navigation guide, keyboard shortcuts, troubleshooting, admin guide
- HTML output option with TOC sidebar and print CSS
- Workflow diagrams and annotated screenshot patterns
- Quality bar: "a new user can complete any task by following the guide"
- Mockup and diagram techniques alongside screenshots
product-showcase: added mockup + screenshot mix guidance with CSS phone
frame for mobile screenshots, guidance on when to use real screenshots
vs simplified mockups for different sections.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Depth levels: quick (hero + features), standard (full showcase), thorough
(every section including dark mode, shortcuts, before/after, integrations).
New optional sections: before & after comparison, dark mode showcase,
keyboard shortcuts / power features, integrations ecosystem, open source.
Premium techniques: screenshot enhancement tips (clean data, consistent
size, highlight the action), visual storytelling (lead with dashboard,
show results not forms, progressive reveal), CSS-only animations (fade-in,
hero float), gradient accents from app's brand colour.
Value proposition extraction: benefit-focused copy ("Find anything in
seconds") not feature descriptions ("Search functionality").
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
stripe-payments: Checkout Sessions, Payment Intents, subscriptions,
webhooks (with constructEventAsync for Workers), customer portal,
pricing pages. Decision table for which API to use. Cloudflare Workers
gotchas. No MCP server needed.
Argument hint cleanup: removed [url] and [file-path] from hints —
replaced with meaningful choices (depth levels, modes, purposes).
The URL/file is auto-detected, the hint shows what the user decides.
product-showcase: added depth levels (quick/standard/thorough).
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Created 45 command files with descriptive argument-hints so every skill
has a /plugin:skill-name shortcut. Added compatibility: claude-code-only
to 17 skills that require Bash/filesystem/browser (d1-migration, db-seed,
project-docs, git-workflow, landing-page, shadcn-ui, tailwind-theme-builder,
ai-image-generator, color-palette, favicon-gen, icon-set-generator, etc).
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
ux-audit: add quick/standard/thorough depth levels. Thorough mode runs
autonomously overnight — multiple personas, all pages, all states,
resilience testing, comprehensive report with screenshots.
app-docs: browse a running app, screenshot every screen, produce a
complete user guide with step-by-step instructions.
product-showcase: explore a running app, capture key screens, generate
a marketing site (single HTML) with real screenshots in browser-frame
mockups, feature grid, how-it-works, and CTAs.
49 → 51 skills.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
New skills batch (44 → 49 skills, 10 → 11 plugins):
- project-docs: generate ARCHITECTURE.md, API_ENDPOINTS.md, DATABASE_SCHEMA.md from codebase
- landing-page: single-file deployable HTML with Tailwind CDN
- db-seed: realistic seed scripts for D1/Drizzle with FK ordering and batch limits
- ai-image-generator: Gemini/GPT image gen with 5-part prompting framework
- social-media-posts: platform-formatted posts for LinkedIn, FB, Instagram, Reddit
New plugin: social-media
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Move all 24 skills from flat skills/ directory into 7 category-based
plugins under plugins/. Add new Shopify plugin with 3 skills
(shopify-setup, shopify-products, shopify-content) for Admin API
access, product CRUD/bulk import, and content management.
Update marketplace.json to new plugin format, fix script paths in
skill-creator, context-manager, and vite-flare-starter SKILL.md files.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
marcusjezweb