Deep Dives

Technical deep dives into design elements, visual systems, and UI/UX patterns.

Page 1 of 1 · showing 1–8 of 8

Fable 5.1 FINALLY Kills AI Website Slop

Nate Herk's playbook for building premium (non-sloppy) websites with Fable 5.1. The key is layering + scroll responsiveness, and — critically — never prompting 'make it premium' in a vacuum. Feed real design references (Fora, 21st.dev, godly.websites, Awards, Motion Sites), deconstruct what you love, or clone a competitor's feel. Includes the one-shot ScrollCraft prompt that produced two distinct layered sites, the 7 design principles (brand guidelines, three P's, scroll feedback, inspiration, components, mobile, screenshot verification), and a Fable 5 vs 5.1 comparison: quality is a wash, but 5.1 is consistently cheaper (up to 45% on agentic work).

deep-dives

Nate Herk | AI Automation

Published2026-09-02

Anthropic just launched /design for Claude Code (it's awesome)

RoboNuggets demos Claude Code's new official /design skill — Claude Design's artboard workflow, now in Claude Code. The Figma-like canvas (live editing, comments, sharing), and the key difference from Claude Design: Claude Code has your workspace context (ARMS framework), so one prompt produces correct, non-vibe-coded designs — plus your own skills and one-command Vercel deploys.

deep-dives

Jay E

Published2026-08-19

Watch me Design a Mobile App From Scratch (Claude /design & Fable 5)

Build Great Products designs a theme park app ('Ride It') from scratch using Claude Code's new /design feature and Fable 5. The Define → Design → Build process, three keys to great AI design (references, clarity, taste), the live canvas demo, swapping AI-slop vectors for Higsfield-generated illustrations, and extracting a reusable design.md/design.html design system.

deep-dives

Chris (Build Great Products)

Published2026-08-19

This Skill Just Made Kimi K3 A 10x Better Designer

AI LABS tests Kimi K3's frontend design capabilities against Claude and GPT, then introduces Hallmark — an anti-AI-slop design skill with 58 detection gates, 100+ references, and four verbs (default, audit, redesign, study) that strips every model's default patterns and produces intentional, original designs.

deep-dives

AI LABS

Published2026-07-25

Google Stitch MCP Tutorial — Generate React Components from AI Designs

Alex Hitt walks through setting up Google Stitch MCP to bridge cloud design tools with local AI coding agents — using stdin/stdout proxy, DESIGN.md semantic truth documents, and Stitch Skills to generate production-ready React components without UI hallucination.

deep-dives

Alex Hitt

Published2026-07-23

I Built My Entire Design System in Minutes With Claude Fable 5

Chris Ashby walks through creating a professional design system from an image reference using Builder OS and Claude Fable 5 — producing a dual-file spec (design.md + design.html) with claude.md rules to prevent design drift across AI-assisted development.

deep-dives

Build Great Products

Published2026-07-02

How to Make Videos Like "Chloe vs History" With AI — Full Guide

A full workflow for recreating the viral 'Chloe vs History' AI history-vlog format in under 20 minutes. One Claude prompt produces an 8-scene breakdown + dialogue + voiceover directions; then Higgsfield Cinema Studio generates a multi-view character sheet (Nano Banana 2, 4K) — with the pro move of regenerating a fresh sheet per outfit — cinematic locations, and SeaDance 2.0 video clips (with shaky-camera realism). Voice cloning (Change Voice) fixes the random AI voices, and CapCut assembles + exports. Pro tips: multi-view beats single reference, fresh sheet per outfit, natural color over over-bright AI greens, regenerate English→Japanese transitions.

deep-dives

Roboverse

Published2026-06-17

How to Extract DESIGN.md from Any Website with Claude (3 Methods) — CreativeDesignTools

CreativeDesignTools delivers a 75-minute hands-on tutorial on extracting DESIGN.md files — Google's design token spec — from any website using 3 progressive methods: screenshot prompts, JavaScript style-auditing scripts, and full automation with Claude.

deep-dives

Editorial

Published2026-05-25