Claude Code Skills
4 skills3D Animation Creator
Turn any video into an Apple-style scroll-driven animation website. Frame extraction, canvas rendering, snap-stop scroll effects.
Image Generator
Generate coordinated prompt sets for scroll-stopping video content — hero shot, exploded view, and video transition.
Gemini Image Generation
Reference guide for AI image generation via Gemini API, Vertex AI (Imagen 4, Veo 2), with model comparison and error recovery.
LinkedIn Post Writer
Story-driven LinkedIn posts about developer workflows, architectural thinking, and AI-as-a-team philosophy.
Workflows
How skills combineScroll-Stop Product Video
Full pipeline from concept to deployed scroll-driven animation site with AI-generated visuals.
Build me a scroll-stop animation site for [my product]. Generate hero and exploded-view images, create a transition video, then build a scroll-driven website and deploy to Vercel.
AI-Powered Landing Page
Design and ship a landing page with AI-generated hero images and announce it on LinkedIn.
Build a landing page for [my product] with AI-generated hero images. Deploy to Vercel and draft a LinkedIn announcement.
Multi-Model Image Pipeline
Generate a coordinated set of product images using multiple AI models for maximum quality.
Generate a coordinated image set for [my product]. Use the image generator for prompts, then Gemini for generation. Output to project assets.
Build + Ship + Announce
End-to-end: build a feature with scroll animation, deploy it, and write the LinkedIn post.
Build [this feature], add a scroll-driven animation, deploy to Vercel, and draft a LinkedIn announcement post.
What's Included
18 toolsEvery workflow starts with the right tools. Here's what you can install.