All authors
Claude Skills by ucsandman
github.com/ucsandman84 skills9 installs153 views
- Epic InfographicsCreate infographic images or animated MP4/GIF infographics from data or a topic.Votes: 0GitHub stars: 5
- Fable GptUse for heavy implementation, debugging, test fixing, or multi-file edits Codex could execute, or orchestrating Claude + Codex.Votes: 0GitHub stars: 5
- Gsap AstroBuild or review GSAP animation in Astro projects: page transitions under the ClientRouter (formerly ViewTransitions), an outro that finishes before the swap through astro:before-preparation, cleanup in astro:before-swap, initial state on the incoming document, setup that rehooks on astro:page-load, transition:persist and persisted islands, choosing between transition:animate and GSAP per element, back and forward, prefetch, scroll and focus, animated show and hide, and scroll-driven effects. ...Votes: 0GitHub stars: 5
- Gsap NextjsBuild or review GSAP animation in Next.js App Router projects: page transitions, enter and exit motion, animated show and hide of conditional content, and scroll-driven effects. Use whenever a Next.js App Router project needs any of these, even if GSAP is not named, and whenever layout jank, interrupted animations, or cleanup matter. Also use to choose between GSAP and React View Transitions for a navigation effect. Not for Pages Router, non-Next.js sites, or isolated GSAP API questions.Votes: 0GitHub stars: 5
- Gsap NuxtBuild or review GSAP animation in Nuxt 3 and Nuxt 4 projects: page and layout transitions through the pageTransition and layoutTransition JavaScript hooks, enter and exit motion, animated show and hide of conditional content, and scroll-driven effects across NuxtPage and NuxtLink navigation. Use whenever a Nuxt project needs any of these, even if GSAP is not named, and whenever definePageMeta, Vue Transition, onEnter, onLeave, page transitions, route transitions, keepalive, back and forward, ...Votes: 0GitHub stars: 5
- Gsap React RouterBuild or review GSAP animation in React Router v7 and v8 projects in framework mode (SSR on or off), data mode, or declarative mode: page transitions, enter and exit motion across client-side navigation, animated show and hide of conditional content, and scroll-driven effects. Use whenever a React Router or Remix-style project needs any of these, even if GSAP is not named, and whenever an intro fails to replay on a param change, an outro is cut off by navigation, layout jank, interrupted anim...Votes: 0GitHub stars: 5
- Gsap SveltekitBuild or review GSAP animation in SvelteKit projects on Svelte 5: page transitions, enter and exit motion across client-side navigation, animated show and hide of conditional content, and scroll-driven effects. Use whenever a SvelteKit project needs any of these, even if GSAP is not named, and whenever a page intro fails to replay, an outro is cut off by navigation, layout jank, interrupted animations, or cleanup matter. Covers beforeNavigate, afterNavigate, onNavigate, goto, +page.svelte and...Votes: 0GitHub stars: 5
- Gsap Tanstack RouterBuild or review GSAP animation in TanStack Router projects for React, including TanStack Start: page transitions, enter and exit motion across client-side navigation, animated show and hide of conditional content, and scroll-driven effects. Use whenever a project on @tanstack/react-router or @tanstack/react-start needs any of these, even if GSAP is not named, and whenever an outro is cut off by navigation, an intro fails to replay on a param change, layout jank, interrupted animations, or cle...Votes: 0GitHub stars: 5
- Gsap VanillaBuild or review GSAP animation on plain HTML, CSS, and JavaScript sites with no component framework: page load intros without a flash of settled content, exit animation before a link is followed, cross-document View Transitions with pageswap and pagereveal, back and forward with the bfcache, prerendered pages, animated show and hide, scroll-driven effects, and fetch plus pushState navigation by hand or with Swup, Barba, or Taxi. Use whenever a static site, a multi-page site, or a Vite or bund...Votes: 0GitHub stars: 5
- Harness HealthRead-only health check of the Claude Code harness - hooks, MCP servers, plugins. Use after editing settings.json/.mcp.json or hooks misbehave.Votes: 0GitHub stars: 5
- IphoneUse when you need to window size in points; tap coordinates must stay inside this or other iphone operations from the shell. Run 'iphone describe' first.Votes: 0GitHub stars: 5
- Landing Page Cro ExpertImprove landing-page conversion through headlines, hero copy, and calls to action.Votes: 0GitHub stars: 5
- Launch VideoUse when the user wants a full launch video, hero video, or 20–60s product film combining product proof, brand, narration, music, and authored motion.Votes: 0GitHub stars: 5
- LaunchTake a developed project end-to-end through launch — domain, hosting, payments, email infra, algorithm-researched copy, and multi-platform distribution — with zero copy-paste. Trigger on "launch <project>", "ship <project>", "take <project> live", or "/launch <dir>".Votes: 0GitHub stars: 5
- Logo RevealUse when the user wants a logo reveal / logo animation / brand intro video for any product (e.g. "/logo-reveal", "make a logo reveal for DashClaw", "animated logo for the landing page").Votes: 0GitHub stars: 5
- Marketing StudioUse when generating any brand video, animation, image, or audio asset (logo reveal, social clip, product demo, launch video, OG image, README GIF, music, voiceover) for any product/repo, or when working inside the marketing-studio engine repo. Required background for /logo-reveal, /social-clip, /product-demo, /launch-video, /og-assets, /audio-track.Votes: 0GitHub stars: 5
- MeditateNightly/weekly reflection loop for Claude Code - tests lessons against later behavior, with optional workbench work. Use as /meditate.Votes: 0GitHub stars: 5
- MoleresearchUse when you need to ask a question of the user's local data or other moleresearch operations from the shell. Run 'moleresearch describe' first.Votes: 0GitHub stars: 5
- Og AssetsUse when the user wants OG images, link-preview assets, animated OG loops, README GIFs, or social-card exports for any product (e.g. "/og-assets", "make an OG image and README gif").Votes: 0GitHub stars: 5
- PetstoreUse when you need to update an existing pet or other petstore operations from the shell. Run 'petstore describe' first.Votes: 0GitHub stars: 5
- Phone GotchasApply sidetap iPhone guidance before tapping and when taps, scrolls, or sends fail.Votes: 0GitHub stars: 5
- PhoneControl the user's iPhone, including apps and messaging.Votes: 0GitHub stars: 5
- PreflightRun a product's final prelaunch readiness check; /preflight.Votes: 0GitHub stars: 5
- Product DemoUse when the user wants a product demo video / screen recording with zooms and cursor / dashboard walkthrough clip for any product (e.g. "/product-demo", "record a demo of the app", "Screen-Studio style demo").Votes: 0GitHub stars: 5
- Ship ItShip a product end to end — render marketing assets with the marketing studio (/marketing), then run the launch/ flow (/launch) with videos attached to X, LinkedIn, Bluesky and YouTube posts. Run from the product's repo.Votes: 0GitHub stars: 5
- SkillfindFind existing skills before creating one or concluding none exists.Votes: 0GitHub stars: 5
- Social ClipUse when the user wants a short social media video / feature announcement clip / X-LinkedIn-TikTok teaser for any product (e.g. "/social-clip", "make a clip announcing the new dashboard").Votes: 0GitHub stars: 5
- Spec ProbeRun before implementing anything non-trivial: surface omitted edge cases and must-NOT constraints into a verification-tiered TASK_CONTRACT.md, so the verifier has something to check against. Use when starting a feature, a bugfix with unclear intended behavior, or any task where a reviewer would have to guess what correct means. Also use when asked to spec-probe, write a task contract, or check what the spec left out.Votes: 0GitHub stars: 5
- TeamFan a task out to the Claude Code + OpenClaw (MoltFire) team. Use for /team <task> or "have both agents" handle something.Votes: 0GitHub stars: 5
- TregFind and call live-data APIs for SEO, social, enrichment, ads, and analytics through Treg.Votes: 0GitHub stars: 5
- Wes VoiceRequired for anything Wes will post or send online; rewrite in his voice for /wes.Votes: 0GitHub stars: 5
- WrapWrite session handoff notes and a resume prompt when wrapping up.Votes: 0GitHub stars: 5
- XplainerTurn any problem — a bug, a root cause, an architecture decision, a new subsystem — into a short narrated explainer video with captions, rendered to a single MP4. Use when asked to "explain this as a video", "make an explainer", "turn this into a video", or when a fix is subtle enough that the team will understand it faster from ninety seconds of animation than from a diff.Votes: 0GitHub stars: 5
- ShipUse when finished work needs to go out — the user says "ship it", "update docs commit and push", "commit and push", or asks "anything else we need to update?" before a release or at the end of a work session.Votes: 0GitHub stars: 5