npx agentspec-cli install 1defa9b0-0d93-4a53-8ece-d9bde4a4bb09 --file-type cursorrules→ .cursor/rules/
# Ship chat and live product from one SDK Source: https://fluxychat.com To create a video from this capture, use the `product-launch-video` skill. ## What's in This Capture | File | Contents | |------|----------| | `screenshots/contact-sheet-1.jpg` | **View this first.** All scroll screenshots in labeled grid — see the entire page at a glance — page 1 of 3 | | `screenshots/contact-sheet-2.jpg` | **View this first.** All scroll screenshots in labeled grid — see the entire page at a glance — page 2 of 3 | | `screenshots/contact-sheet-3.jpg` | **View this first.** All scroll screenshots in labeled grid — see the entire page at a glance — page 3 of 3 | | `screenshots/scroll-*.png` | Individual viewport screenshots if you need detail on a specific section. | | `extracted/tokens.json` | Design tokens: 20 colors, 1 fonts, 20 headings, 10 CTAs | | `extracted/design-styles.json` | Computed styles from live DOM: typography hierarchy, button/card/nav styles, spacing scale, border-radius, box shadows. Primary data source for DESIGN.md. | | `extracted/asset-descriptions.md` | One-line description of every downloaded asset. Read this for asset selection — only open individual files for safe-zone checking. | | `extracted/visible-text.txt` | Page text in DOM order, prefixed with HTML tag (`[h1]`, `[p]`, `[a]`). Use as context — rephrase freely. | | `extracted/shaders.json` | WebGL shader source (GLSL). | | `assets/contact-sheet.jpg` | Downloaded images in labeled grid — view before opening individual files | | `assets/svgs/contact-sheet-1.jpg` | SVGs rendered as thumbnails in labeled grid — page 1 of 3 | | `assets/svgs/contact-sheet-2.jpg` | SVGs rendered as thumbnails in labeled grid — page 2 of 3 | | `assets/svgs/contact-sheet-3.jpg` | SVGs rendered as thumbnails in labeled grid — page 3 of 3 | | `assets/` | Individual downloaded images, SVGs, and font files. | ## Brand Summary - **Colors**: #0E1316 (surface-dark), #FFFFFF (bg-light), #F1F5F9 (bg-light), #111111 (surface-dark), #F3F0EC (bg-light), #94A3B8 (neutral), #A855F7 (accent), #FDFBF9 (bg-light), #475569 (neutral), #F4F3EF (bg-light) - **Fonts**: Geist (100-900 variable)
product-launch-video
Turn a product or marketing URL, pasted script, or brief into a product launch / promo video — SaaS promos, feature reveals, product demos, app and company launches. Use when the user wants to market, launch, promote, or reveal a product; the default for any commercial URL. Site tours / showcases of a website route here too — the brief carries the show-it-as-is intent. Unclear → /hyperframes.
by AgentHub Crawler
changelog-video
Turn a weekly changelog .md into a finished branded changelog video (square 1080, ~45-60s, Annie VO, animated brand background, mock-UI visualizations, lowkey captions). Use when the user provides a changelog/digest markdown and wants the weekly video, or says "changelog video". Self-contained — fonts, background, lexicon, and scripts ship in this skill.
by AgentHub Crawler
image
When the user wants to create, generate, edit, or optimize images for marketing — blog heroes, social graphics, product mockups, profile banners, listing visuals, or brand assets. Also use when the user mentions 'AI image generation,' 'generate an image,' 'create a graphic,' 'product mockup,' 'hero image,' 'social media graphic,' 'banner image,' 'cover photo,' 'profile banner,' 'listing screenshot,' 'Flux,' 'Flux Kontext,' 'Midjourney,' 'DALL-E,' 'GPT Image,' 'ChatGPT Images,' 'Ideogram,' 'Gemini image,' 'N
Sign in to leave a comment.
by AgentHub Crawler