GoodCase OfficialAI Coding (UI)
3D and motion hero
Build a motion-led hero around one visual subject, an interaction rhythm, and a clear performance budget.
168 Cases · 32 Creators
Loading…
Loading…
Agent Skills · Verified packages
Each Skill is derived from published Case evidence and packaged as a standard SKILL.md bundle. 98/98 packages have been installed end-to-end via `npx skills add` — last verified 2026-10-11.
A verified, installable directory and popularity chart of DeepSeek Harness plugins. A goodcase.ai experiment.
§ 01 · OFFICIAL
Distilled by GoodCase from published cases, with at least 2 creators and 3 cases; every package passed the npx skills add install check (last verified: 2026-10-11).
Build a motion-led hero around one visual subject, an interaction rhythm, and a clear performance budget.
Turn a single hero, footer, pricing block, or 404 page into a pixel-level spec a coding agent can build as written.
Create credible presence through first-person framing, handheld movement, and lived-in detail.
Make action reproducible by specifying character, direction, rhythm, and shot continuity.
Dragons, titans, world reveals: one definition block per entity, timecoded cuts, and scale bought with low angles and reference objects.
Build repeatable editorial portraits from pose, styling, light, and negative space.
Turn a product benefit into an opening hook, usage scene, and branded closing shot.
One traveller moves through a place scene by scene, each with its own timecode, location and one short line; polish comes from film grain and golden-hour light.
Arrange value proposition, proof, features, and calls to action into one complete page journey.
Keep character design, movement language, and visual texture stable across animated shots.
Turn the hero visual, headline, support copy, and layout constraints into a reusable poster frame.
The animal is the lead and a phone is the only camera: lock the count to one, keep it behaving like an animal, let the payoff be it closing in on the lens.
Period feel bought with a camcorder-flaw list and one small everyday event, so the clip plays like a real old tape.
One person, one look, a handful of places: a head-to-toe appearance lock carries the clip, each scene gets one location, one gesture and one light.
Compress making or transformation into a readable story with a clear start, continuous steps, and end state.
Every shot carries its own timecode and one visible change on a body; dread comes from the chain, and the ending seals a door without settling anything.
Every beat serves one punchline that lands on something visible; absurd setups shot with a straight-faced camera.
Generate a single frame that reads like a film still, built from a director's look, camera position, light, and a narrative moment.
Organize reusable product stills around the object, material, lighting, and commercial setting.
Cooking close-ups, mukbang and eating vlogs. They work when every beat shows one visible change in the food and one matching sound, and the dish stays the same dish from first frame to last.
Order a personal site around positioning, representative work, and trust evidence.
Compress selection, trust, and purchase into a clear conversion path for a product or SaaS.
It all rides on the action loop: write every link from run-up to landing in order, name the physics you want by part, and spend the negative list on flying, hovering and teleporting.
Keep a character coherent through traits, costume, props, worldbuilding, and style constraints.
One appealing character carries the clip: a parts-list design lock, a measurable render look, and one action goal per timeline block.
One machine from first frame to last while the camera does the work: lock the vehicle part by part, then fill the runtime with a numbered cut list that moves every second.
Compress a dramatic beat into 15 to 30 seconds with character stakes, an emotional turn, and film grammar.
Choreograph stage, dance, and cut points to the beat for idol stages, dance covers, and music shorts.
Keep a real photo and reinterpret it as illustration, papercraft, or a poster, shown side by side or stacked.
Lay out how to rebuild open-source robots, wearables, and e-ink devices: parts, firmware, and assembly.
Two stages: first a single sheet of numbered panels from an image model, then that sheet fed to Seedance as the reference; order, framing and timing live on the sheet.
The screen itself is the shot: a fake gameplay capture, livestream or desktop recording. It holds up when the overlay layer is pinned to fixed positions and its numbers and banners change in step with the action.
Have an AI write recordable HTML, Three.js, or SVG animation for explainers, data motion, and product demos.
Have an AI build a usable small tool, dashboard, or simulation rather than a showcase page.
§ 02 · CREATORS
An unofficial synthesis of public evidence, not published or endorsed by the creator.
Based on: 3D and motion hero
A recurring 3d and motion hero method derived from 97 published cases by Aceternity UI.
Based on: 3D and motion hero
A recurring 3d and motion hero method derived from 24 published cases by MotionSites.
Based on: 3D and motion hero
A recurring 3d and motion hero method derived from 14 published cases by viktoroddy.
Based on: 3D and motion hero
A recurring 3d and motion hero method derived from 3 published cases by sergey_moloman.
Based on: POV and vlog presence
A recurring pov and vlog presence method derived from 6 published cases by saniaspeaks_.
Based on: POV and vlog presence
A recurring pov and vlog presence method derived from 6 published cases by Strength04_X.
Based on: POV and vlog presence
A recurring pov and vlog presence method derived from 5 published cases by ElsaSofia__AI.
Based on: POV and vlog presence
A recurring pov and vlog presence method derived from 4 published cases by doctorwasif.
Based on: POV and vlog presence
A recurring pov and vlog presence method derived from 4 published cases by johnAGI168.
Based on: POV and vlog presence
A recurring pov and vlog presence method derived from 3 published cases by AIwithkhan.
Based on: POV and vlog presence
A recurring pov and vlog presence method derived from 3 published cases by techhalla.
Based on: POV and vlog presence
A recurring pov and vlog presence method derived from 3 published cases by ZaraIrahh.
Based on: Action continuity choreography
A recurring action continuity choreography method derived from 3 published cases by haruuraeadss.
Based on: Editorial portrait composition
A recurring editorial portrait composition method derived from 7 published cases by 赵一帆_.
Based on: Editorial portrait composition
A recurring editorial portrait composition method derived from 4 published cases by aatif_j.
Based on: Editorial portrait composition
A recurring editorial portrait composition method derived from 3 published cases by Taaruk_.
Based on: Product ad shot design
A recurring product ad shot design method derived from 6 published cases by AIwithSynthia.
Based on: Product ad shot design
A recurring product ad shot design method derived from 3 published cases by johnAGI168.
Based on: Product ad shot design
A recurring product ad shot design method derived from 3 published cases by laviniavelle.
Based on: Landing-page information structure
A recurring landing-page information structure method derived from 11 published cases by viktoroddy.
Based on: Animation style and character consistency
A recurring animation style and character consistency method derived from 3 published cases by noorwithwifi.
Based on: Poster information hierarchy
A recurring poster information hierarchy method derived from 18 published cases by xiaoxiaodong01.
Based on: Poster information hierarchy
A recurring poster information hierarchy method derived from 3 published cases by v92388375-gif.
Based on: Product studio visual
A recurring product studio visual method derived from 3 published cases by Maddox_Digital.
Based on: Portfolio story architecture
A recurring portfolio story architecture method derived from 11 published cases by MotionSites.
Based on: Portfolio story architecture
A recurring portfolio story architecture method derived from 5 published cases by shushant_l.
§ 03 · TOOLBOX
Carl’s original Skills and third-party picks used in daily work.
Hand-built general-purpose Agent Skills by the site's maintainer — not derived from the case evidence above, and independent of the rest of this page.
261 to 10,000 · all LearnPrompt repos
21 thinking prompts across six situations — say what you're stuck on, and it picks.
Use Claude Code for planning, UI taste, and review. Use Codex for implementation and checks.
Turn a Skill that works into a public asset that can be understood, installed, shared, verified, and continuously improved.
The parts that separate a fun demo from a stable toolchain: memory, compression, verification, routing, proactive jobs.
Third-party Skills someone else built that I actually run every day myself, picked out for you. Install commands are copied verbatim from each repo's own README; authorship and copyright stay with the original author.
Garry Tan's exact Claude Code setup: 23 opinionated tools that serve as CEO, Designer, Eng Manager, Release Manager, Doc Engineer, and QA.
Why I use itI've made /browse my default for reading any web page, and I lean on its review, ship, and qa flows every day.
Skills for Real Engineers — straight from Matt Pocock's own .agents directory.
Why I use itWhen a plan isn't fully thought through I let it grill me, and for hard bugs I run its diagnosis workflow.
An agentic skills framework & software development methodology that works.
Why I use itThis is what first taught me to make an agent think a plan through before touching anything — a lot of my habits grew out of it.
A data visualization Skill for AI Agents, turning data into polished, interactive HTML charts.
Why I use itWhenever I have data to chart I hand it over — one grayscale template, and the single-file HTML it produces is ready to share as is.
Khazix's open-source Agent Skills collection — leader, storage-analyzer, neat-freak, hv-analysis, khazix-writer and more, for Claude Code, Codex, and 40+ agents.
Why I use itWhen my disk fills up I just run its storage-analyzer — green/amber/red, I can see at a glance what's safe to clear, and it still asks me again before anything goes to the trash.
Give your AI agent eyes to see the entire internet — read & search Twitter, Reddit, YouTube, GitHub, Bilibili, XiaoHongShu, one CLI, zero API fees.
Why I use itOne line pulls Twitter, XiaoHongShu, Bilibili, or Douyin — it's my first stop for finding topics and raw material.
An AI agent skill that researches any topic across Reddit, X, YouTube, HN, Polymarket, and the web, then synthesizes a grounded summary.
Why I use itWhen I want to know what people have actually been saying about a topic in the last month, this is what I run first.
One-ink editorial print image skill — warm paper, halftone photography, active negative space, and restrained typography.
Why I use itWhen a poster or cover has to hold up in one ink, its halftone and negative space give me exactly the restraint I want.
All 98 Skills have been packaged and installed end-to-end via `npx skills add` (last verified 2026-10-11).