webapp-capture-stinger
Capture live web apps. Demo videos and scripts; component library with tokens, a Claude Design handoff zip, and a shadcn/ui map; visual and code audits.
- Version
- 2.0.0
- License
- AGPL-3.0-or-later
- Compatibility
- Claude Code 2.1 or newer, Cursor 2.4 or newer, Codex, Cowork. Scripts need Node 20.9, playwright-core, Chromium; sharp and ffmpeg for some routes.
Pinned to revision eeaf5a6a99f3, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/webapp-capture-stinger/SKILL.md
- skills/webapp-capture-stinger/guides/00-foundation.md
- skills/webapp-capture-stinger/guides/01-demo-video-screenshots-script.md
- skills/webapp-capture-stinger/guides/02-component-library-capture.md
- skills/webapp-capture-stinger/guides/03-inconsistency-audit.md
- skills/webapp-capture-stinger/guides/04-shadcn-map.md
- skills/webapp-capture-stinger/references/REFERENCE.md
- skills/webapp-capture-stinger/references/prompts/chatgpt-finish.md
- skills/webapp-capture-stinger/references/prompts/claude-design-handoff.md
- skills/webapp-capture-stinger/references/prompts/describe-groups.md
- skills/webapp-capture-stinger/references/prompts/merge-components.md
- skills/webapp-capture-stinger/references/prompts/reconcile-components.md
- skills/webapp-capture-stinger/references/prompts/shadcn-map.md
- skills/webapp-capture-stinger/references/prompts/shadcn-theme.md
- skills/webapp-capture-stinger/references/research/distilled-webapp-capture.md
- skills/webapp-capture-stinger/references/research/grounding-qa-2026-09-15.md
- skills/webapp-capture-stinger/references/research/raw/code--duplicate-ui-components-detection.md
- skills/webapp-capture-stinger/references/research/raw/code--github-secret-scanning-patterns.md
- skills/webapp-capture-stinger/references/research/raw/code--jscpd-readme.md
- skills/webapp-capture-stinger/references/research/raw/code--knip-readme.md
- skills/webapp-capture-stinger/references/research/raw/code--mdn-http-request-methods.md
- skills/webapp-capture-stinger/references/research/raw/code--mdn-iframe-contentdocument.md
- skills/webapp-capture-stinger/references/research/raw/code--mdn-using-shadow-dom.md
- skills/webapp-capture-stinger/references/research/raw/code--owasp-logging-cheat-sheet.md
- skills/webapp-capture-stinger/references/research/raw/code--owasp-secrets-management-cheat-sheet.md
- skills/webapp-capture-stinger/references/research/raw/code--playwright-locators-shadow-dom.md
- skills/webapp-capture-stinger/references/research/raw/code--prettier-plugin-tailwindcss-readme.md
- skills/webapp-capture-stinger/references/research/raw/code--stylelint-configuration-basics.md
- skills/webapp-capture-stinger/references/research/raw/code--stylelint-declaration-strict-value-plugin.md
- skills/webapp-capture-stinger/references/research/raw/code--stylelint-rule-color-named.md
- skills/webapp-capture-stinger/references/research/raw/code--stylelint-rule-color-no-hex.md
- skills/webapp-capture-stinger/references/research/raw/code--stylelint-rule-declaration-property-value-allowed-list.md
- skills/webapp-capture-stinger/references/research/raw/code--stylelint-rule-font-family-no-duplicate-names.md
- skills/webapp-capture-stinger/references/research/raw/code--stylelint-rule-unit-allowed-list.md
- skills/webapp-capture-stinger/references/research/raw/code--tailwindcss-v4-arbitrary-values.md
- skills/webapp-capture-stinger/references/research/raw/demo--demo-script-structure.md
- skills/webapp-capture-stinger/references/research/raw/demo--doc-screenshots-google-style-guide.md
- skills/webapp-capture-stinger/references/research/raw/demo--doc-screenshots-microsoft-style-guide.md
- skills/webapp-capture-stinger/references/research/raw/demo--elevenlabs-tts-api.md
- skills/webapp-capture-stinger/references/research/raw/demo--ffmpeg-add-audio-track-map.md
- skills/webapp-capture-stinger/references/research/raw/demo--ffmpeg-concat-demuxer.md
- skills/webapp-capture-stinger/references/research/raw/demo--ffmpeg-gif-palettegen-paletteuse.md
- skills/webapp-capture-stinger/references/research/raw/demo--ffmpeg-mov-mp4-faststart.md
- skills/webapp-capture-stinger/references/research/raw/demo--ffmpeg-scale-pad-1920x1080.md
- skills/webapp-capture-stinger/references/research/raw/demo--ffmpeg-speed-setpts-atempo.md
- skills/webapp-capture-stinger/references/research/raw/demo--ffmpeg-subtitles-filter-mov-text.md
- skills/webapp-capture-stinger/references/research/raw/demo--ffmpeg-webm-to-mp4-libx264.md
- skills/webapp-capture-stinger/references/research/raw/demo--narration-speaking-rate-wpm.md
- skills/webapp-capture-stinger/references/research/raw/demo--openai-audio-speech-api.md
- skills/webapp-capture-stinger/references/research/raw/demo--playwright-demo-video-community-article.md
- skills/webapp-capture-stinger/references/research/raw/demo--playwright-launch-slowmo.md
- skills/webapp-capture-stinger/references/research/raw/demo--playwright-recordvideo.md
- skills/webapp-capture-stinger/references/research/raw/demo--srt-basics.md
- skills/webapp-capture-stinger/references/research/raw/demo--webvtt-mdn.md
- skills/webapp-capture-stinger/references/research/raw/demo--webvtt-w3c-spec.md
- skills/webapp-capture-stinger/references/research/raw/inventory--atomic-design-brad-frost-ch2.md
- skills/webapp-capture-stinger/references/research/raw/inventory--dtcg-color-module.md
- skills/webapp-capture-stinger/references/research/raw/inventory--dtcg-format-spec.md
- skills/webapp-capture-stinger/references/research/raw/inventory--interface-inventory-brad-frost.md
- skills/webapp-capture-stinger/references/research/raw/inventory--material-symbols-guide.md
- skills/webapp-capture-stinger/references/research/raw/inventory--mdn-aria-roles-reference.md
- skills/webapp-capture-stinger/references/research/raw/inventory--mdn-css-color-mix.md
- skills/webapp-capture-stinger/references/research/raw/inventory--mdn-css-lab.md
- skills/webapp-capture-stinger/references/research/raw/inventory--mdn-css-oklab.md
- skills/webapp-capture-stinger/references/research/raw/inventory--mdn-css-oklch.md
- skills/webapp-capture-stinger/references/research/raw/inventory--mdn-cssstyledeclaration-getpropertyvalue.md
- skills/webapp-capture-stinger/references/research/raw/inventory--mdn-cssstylesheet-cssrules.md
- skills/webapp-capture-stinger/references/research/raw/inventory--mdn-element-getboundingclientrect.md
- skills/webapp-capture-stinger/references/research/raw/inventory--mdn-node-comparedocumentposition.md
- skills/webapp-capture-stinger/references/research/raw/inventory--mdn-window-getcomputedstyle.md
- skills/webapp-capture-stinger/references/research/raw/inventory--oklab-bottosson.md
- skills/webapp-capture-stinger/references/research/raw/inventory--style-dictionary-dtcg.md
- skills/webapp-capture-stinger/references/research/raw/inventory--style-dictionary-transforms.md
- skills/webapp-capture-stinger/references/research/raw/inventory--tailwind-v4-colors.md
- skills/webapp-capture-stinger/references/research/raw/inventory--tailwind-v4-dark-mode.md
- skills/webapp-capture-stinger/references/research/raw/inventory--tailwind-v4-theme.md
- skills/webapp-capture-stinger/references/research/raw/playwright--authentication.md
- skills/webapp-capture-stinger/references/research/raw/playwright--browser-context-options.md
- skills/webapp-capture-stinger/references/research/raw/playwright--cdp-persistent-context.md
- skills/webapp-capture-stinger/references/research/raw/playwright--emulation.md
- skills/webapp-capture-stinger/references/research/raw/playwright--locators-bounding-box.md
- skills/webapp-capture-stinger/references/research/raw/playwright--network-routing.md
- skills/webapp-capture-stinger/references/research/raw/playwright--screenshots.md
- skills/webapp-capture-stinger/references/research/raw/playwright--tracing.md
- skills/webapp-capture-stinger/references/research/raw/playwright--videos.md
- skills/webapp-capture-stinger/references/research/raw/playwright--visual-comparisons.md
- skills/webapp-capture-stinger/references/research/raw/shadcn--alert.md
- skills/webapp-capture-stinger/references/research/raw/shadcn--badge.md
- skills/webapp-capture-stinger/references/research/raw/shadcn--blocks.md
- skills/webapp-capture-stinger/references/research/raw/shadcn--button.md
- skills/webapp-capture-stinger/references/research/raw/shadcn--card.md
- skills/webapp-capture-stinger/references/research/raw/shadcn--cli.md
- skills/webapp-capture-stinger/references/research/raw/shadcn--components-index.md
- skills/webapp-capture-stinger/references/research/raw/shadcn--components-json.md
- skills/webapp-capture-stinger/references/research/raw/shadcn--data-table.md
- skills/webapp-capture-stinger/references/research/raw/shadcn--dialog.md
- skills/webapp-capture-stinger/references/research/raw/shadcn--input.md
- skills/webapp-capture-stinger/references/research/raw/shadcn--registry-basics.md
- skills/webapp-capture-stinger/references/research/raw/shadcn--select.md
- skills/webapp-capture-stinger/references/research/raw/shadcn--sidebar.md
- skills/webapp-capture-stinger/references/research/raw/shadcn--svelte-components-index.md
- skills/webapp-capture-stinger/references/research/raw/shadcn--svelte-theming.md
- skills/webapp-capture-stinger/references/research/raw/shadcn--switch.md
- skills/webapp-capture-stinger/references/research/raw/shadcn--table.md
- skills/webapp-capture-stinger/references/research/raw/shadcn--tabs.md
- skills/webapp-capture-stinger/references/research/raw/shadcn--tailwind-v4.md
- skills/webapp-capture-stinger/references/research/raw/shadcn--theming.md
- skills/webapp-capture-stinger/references/research/raw/shadcn--tooltip.md
- skills/webapp-capture-stinger/references/research/raw/visual--argos-ci-playwright.md
- skills/webapp-capture-stinger/references/research/raw/visual--axe-core-color-contrast-rule.md
- skills/webapp-capture-stinger/references/research/raw/visual--backstopjs-readme.md
- skills/webapp-capture-stinger/references/research/raw/visual--chromatic-visual-tests.md
- skills/webapp-capture-stinger/references/research/raw/visual--ciede2000-deltae-culori.md
- skills/webapp-capture-stinger/references/research/raw/visual--cssstats-status.md
- skills/webapp-capture-stinger/references/research/raw/visual--design-system-drift-community.md
- skills/webapp-capture-stinger/references/research/raw/visual--percy-playwright-sdk.md
- skills/webapp-capture-stinger/references/research/raw/visual--pixelmatch-readme.md
- skills/webapp-capture-stinger/references/research/raw/visual--playwright-tohavescreenshot.md
- skills/webapp-capture-stinger/references/research/raw/visual--project-wallace-css-analyzer.md
- skills/webapp-capture-stinger/references/research/raw/visual--wcag22-contrast-minimum.md
- skills/webapp-capture-stinger/references/research/raw/visual--wcag22-non-text-contrast.md
- skills/webapp-capture-stinger/references/shadcn-catalog.json
- skills/webapp-capture-stinger/scripts/audit/audit-code.mjs
- skills/webapp-capture-stinger/scripts/audit/audit-visual.mjs
- skills/webapp-capture-stinger/scripts/capture.config.example.json
- skills/webapp-capture-stinger/scripts/demo/build-cues.mjs
- skills/webapp-capture-stinger/scripts/demo/chatgpt-handoff.mjs
- skills/webapp-capture-stinger/scripts/demo/demo-plan.example.json
- skills/webapp-capture-stinger/scripts/demo/make-video.sh
- skills/webapp-capture-stinger/scripts/demo/record-demo.mjs
- skills/webapp-capture-stinger/scripts/demo/review-demo.mjs
- skills/webapp-capture-stinger/scripts/doctor.mjs
- skills/webapp-capture-stinger/scripts/inventory/build.mjs
- skills/webapp-capture-stinger/scripts/inventory/cluster.mjs
- skills/webapp-capture-stinger/scripts/inventory/design-handoff.mjs
- skills/webapp-capture-stinger/scripts/inventory/extract.mjs
- skills/webapp-capture-stinger/scripts/inventory/prepare-describe.mjs
- skills/webapp-capture-stinger/scripts/inventory/prepare-merge.mjs
- skills/webapp-capture-stinger/scripts/inventory/shadcn-build.mjs
- skills/webapp-capture-stinger/scripts/inventory/shadcn-prepare.mjs
- skills/webapp-capture-stinger/scripts/inventory/sheets.mjs
- skills/webapp-capture-stinger/scripts/inventory/tokens-dtcg.mjs
- skills/webapp-capture-stinger/scripts/inventory/tokens.mjs
- skills/webapp-capture-stinger/scripts/inventory/validate-merge.mjs
- skills/webapp-capture-stinger/scripts/lib/common.mjs
- skills/webapp-capture-stinger/scripts/lib/demo-actions.mjs
- skills/webapp-capture-stinger/scripts/lib/demo-cues.mjs
- skills/webapp-capture-stinger/scripts/lib/demo-guard.mjs
- skills/webapp-capture-stinger/scripts/lib/demo-plan.mjs
- skills/webapp-capture-stinger/scripts/lib/narration.mjs
- skills/webapp-capture-stinger/scripts/lib/onboarding.mjs
- skills/webapp-capture-stinger/scripts/merge-screenshot-manifests.mjs
- skills/webapp-capture-stinger/scripts/package-lock.json
- skills/webapp-capture-stinger/scripts/package.json
- skills/webapp-capture-stinger/scripts/parallel.mjs
- skills/webapp-capture-stinger/scripts/save-session.mjs
- skills/webapp-capture-stinger/scripts/screenshots.mjs
- skills/webapp-capture-stinger/scripts/test/browser-automation.test.mjs
- skills/webapp-capture-stinger/scripts/test/chatgpt-handoff.test.mjs
- skills/webapp-capture-stinger/scripts/test/demo-actions-playwright.test.mjs
- skills/webapp-capture-stinger/scripts/test/demo-plan.test.mjs
- skills/webapp-capture-stinger/scripts/test/make-video.test.mjs
- skills/webapp-capture-stinger/scripts/test/narration.test.mjs
- skills/webapp-capture-stinger/scripts/test/onboarding-playwright.test.mjs
- skills/webapp-capture-stinger/scripts/test/private-files.test.mjs
Every link opens the file at its source, pinned to the revision this page describes.