Do web design with super powers

Ask most models to “build a website,” and you’ll get the same landing page everyone else got: hero section, three cards, testimonials, a form. Predictable.

At the same time, it’s working as a strategist, UX designer, frontend developer, and motion designer. And the four of them don’t argue in meetings.

The difference appears when you describe not just how the website should look, but how the entire system should work.

In our example, we gave the model the section architecture, art direction, animation rules, responsive behavior, and performance requirements.

The goal was to go beyond a mockup and get a working prototype.

Do it now:

• Start with the fundamentals: Define the business goal, target audience, and the single most important action you want visitors to take.
• Set the visual direction — and the no-go list: No generic gradients, no standard SaaS layouts, no repetitive card sections. Say it explicitly, or you’ll get all three.
• Describe the interactions: Parallax, mask reveals, scroll zoom, sticky storytelling, horizontal scrolling, and animated CTAs.
• Specify the stack: HTML, CSS, JavaScript, GSAP, ScrollTrigger, and Lenis — and ask for the complete implementation, not a sketch of one.
• Cover the boring stuff that matters: Mobile requirements, prefers-reduced-motion support, performance optimization, and placeholders that are easy to replace with real images.

Use our prompt and adapt it to your own project:

Create a complete, premium, highly interactive website for a fictional creative marketing agency called TACTICS. The website should feel like a modern digital agency portfolio with cinematic scrolling, editorial typography, smooth image-style animations, oversized text, interactive cards, and polished transitions. [read more…]

Check out the entire website here.

The official demo shows a 50-million-line code migration completed in one day instead of more than two months, apps recreated from screenshots, and Pokémon FireRed completed using visual input alone.

We’d call that showing off, but it’s hard to argue with the results.

Hand over direction to AI

Fable 5 doesn’t need to render the final video to become production’s most valuable part.

It takes a loose idea and turns it into a specification that image generators, video tools, and even your editor can actually work with.

In our example, every frame defines the character, action, composition, focal length, lighting, emotional purpose, and continuity.

Then the model maps the whole thing out second by second: camera movement, transitions, sound, and pacing changes included.

That’s what makes the difference. Not one impressive image, but consistency across the whole piece.

That’s what decides whether an AI ad feels like a film, or just a random set of clips.

Playbook:

• Define the brief: The goal of the ad, the audience, the duration, the format, the distribution channel, and the final emotion you want to leave the viewer with.
• Work in two passes: First ask for two 3×3 storyboards, then ask for two 15-second scripts you can later use in Seedance 2.

Use our prompts as a starting point:

Create one single high-resolution image containing a clean 3×3 grid of nine cinematic storyboard frames, separated by thin uniform off-white gutters of equal width, no captions, no frame numbers, no timestamps. [read more…]

• Lock continuity in place: The character, outfit, location, props, palette, lighting, and logo usage rules. Continuity is where AI videos go to die — don’t skip this.
• Structure every frame: Require this exact chain: character → action → composition → camera → lighting → emotional purpose → continuity.
• Structure every second: Require character movement, camera movement, transitions, sound, and space for text.
• Add the guardrails: List your restrictions, and ask the model to verify the connection between both parts of the film.

PRO TIP: Users point out that the best outputs usually come from highly detailed prompts that include technical requirements, constraints, and a clear evaluation method.

Fable 5 is very strong at one-shot execution, but mostly when the problem is described properly. Vague in, vague out. Some laws of the universe survive even this model.

Gamify your marketing

Branded games usually mean a quiz, a memory game, or a clicker that people instantly close.

But Fable 5 lets you build something much more complete: controls, physics, enemies, abilities, checkpoints, bosses, progression, and a mobile version.

In our concept, the hero in a TACTICS T-shirt fights the “Blank Page Ghost,” the “Copy-Paste Zombie,” and the “Vanity Metrics Bubble.” If you’ve worked in marketing, you’ve met all three.

Each enemy represents a real problem your audience faces. So instead of just seeing the message, users get to play through it.

Step by step:

• Start with the goal: Education, lead generation, product launch, time on site, or repeat visits. Pick one — the game design flows from it.
• Turn customer problems into enemies: Obstacles and bosses work too — and label them so the metaphor is easy to understand. Subtlety is not the objective here.
• Define the loop: Explore → fight → collect → unlock → beat the boss → move on.
• Design for momentum: Multiple levels, unique enemies, increasing difficulty, and rewarding moments.

Create a polished, fully playable 2D platform game that demonstrates how TACTICS helps marketers overcome creative chaos, inefficient workflows, misleading data, and endless revisions. The game should combine humorous marketing references, responsive platforming, light combat, exploration, transformations, collectible abilities, checkpoints, and two memorable boss battles. [read more…]

• Ask for a complete product: Menu, instructions, touch controls, sound effects, responsive behavior, and a full playthrough test. If it’s not playable, it’s not shippable.
• Close the loop with the brand: After the win, tie the reward back to the business — a premium asset, a code, a newsletter signup, or the next chapter of the story.

Check out our game here.

In a benchmark measuring a model’s ability to delegate work, control permissions, and manage multiple agents, Fable 5 completed 74.4% of tasks and achieved the highest combined management score: 60 points.

In other words: it manages better than some managers we’ve had.