Design Engineering Tip: If you’re using the same corner... radius across your entire UI, try scaling it with the component size: 12px → XS (buttons, tags) 16px → S (cards, inputs) 24px → M (modals, panels) As components get larger, increasing the radius can help preserve the same visual softness and balance.show more

Impeccable 3.7 brings linting to design. Until now it... was a skill you asked for help. Now it's a design-system-aware feedback loop that runs while your agent builds, catching slop and design drift before they land. 🪝 Design hooks for Claude, Codex, and Cursor They run after every UI edit and quietly nudge your agent to fix slop and drift. The output isn't another wall of lint: it separates new findings from already-seen ones, flags clean scans, and asks the agent to use judgment. Fix real issues, leave intentional demos alone, save exceptions to config instead of littering your source. 🎨 Slop detection is now project-aware Reads your actual design system from DESIGN.md, your typography, palette, radius scale, and tokens, and flags drift from your system, not just generic AI slop: • this font isn't in your design system • this color is outside your documented palette • this radius doesn't match your rounded scale The same engine powers both the hooks and the CLI, and it's where we're investing next. 🖥️ Live Mode, ready for real projects Svelte/SvelteKit now preview variants as temporary framework components with live params, then accept cleanly back into your source component. Manual text edits got evidence / apply / discard routes, insertions preserve their anchors, and mapped lists and JSX slots clean up far more reliably. ⚡ Leaner core, sharper detector Rule-level evals across 3 providers and 4 niches cut guidance with no measurable lift and dropped examples that taught models bad patterns. The detector now skips hidden and screen-reader-only elements, understands OKLCH alpha and Sass-like inputs, and tightened checks for repeated kickers, oversized H1s, clipped overflow, and cramped padding. 🛠️ CLI caught up impeccable detect loads DESIGN.md by default, motion findings name the exact token or cubic-bezier instead of just "bounce," and impeccable ignores gives real CRUD for exceptions. Hooks and CLI share the same ignores. No split-brain config. Plus a much-improved interactive installer with hooks setup built in. Upgrade: npx impeccable install npm i -g impeccableshow more

𝗠𝗮𝘀𝘁𝗲𝗿𝗶𝗻𝗴 𝗟𝗼𝘃𝗮𝗯𝗹𝗲: 𝗧𝗵𝗲 𝗨𝗹𝘁𝗶𝗺𝗮𝘁𝗲 𝗣𝗹𝗮𝘆𝗯𝗼𝗼𝗸 🔥 I spent the... weekend collecting all my prompt hacks, workflows, and best practices I use to build products with Lovable and turned it into one simple, actionable playbook. You’ll learn how to: • Plan before you prompt • Design by component, not page • Use atomic prompts (buttons, cards, modals) • Add visuals via URL • Build with Supabase in mind …and more. Want access? Check out my new Design + AI blog (link in bio + comments). If you subscribe you'll get it straight to your inboxshow more

Today we’re releasing an early version of a new... feature called Tip Cards. We built Tip Cards after seeing people all over the world tipping each other with Cash Links for their contributions online eg. posting good content, responding to questions, moderating group chats, and many others. Tip Cards simplify this experience by enabling every Code user to create their own personalized Tip Card and accept tips from anyone in the world. To create your Tip Card, simply connect your Twitter/X account in the Code app and your personalized Tip Card will be instantly generated for you. You can then share it as a link or get someone to scan it. (Video below of how to create your Tip Card) We’re rolling out this early version of Tip Cards to get feedback on this new payment type and test the Twitter APIs at scale. We plan to add more features to the tipping experience as we go, so your feedback is appreciated. Please try it out and let us know what you think. If you post your Tip Card and tag Code we’ll send you a tip!show more

React Native now has its own shadcn/ui equivalent —... introducing 𝗡𝗮𝘁𝗶𝘃𝗲𝗨𝗜. If you love the flexibility of copying customisable components directly into your project (avoiding heavy, dependency-laden packages), NativeUI is designed for you. 𝗡𝗮𝘁𝗶𝘃𝗲𝗨𝗜 offers beautifully crafted, accessible components tailored for React Native, following the same copy-paste philosophy as shadcn/ui. Built with 𝗡𝗮𝘁𝗶𝘃𝗲𝗪𝗶𝗻𝗱 for fast, declarative, and flexible styling optimised for React Native. ➡️ 𝗖𝗼𝗽𝘆 𝗰𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁 𝗰𝗼𝗱𝗲 𝗱𝗶𝗿𝗲𝗰𝘁𝗹𝘆 𝗶𝗻𝘁𝗼 𝘆𝗼𝘂𝗿 𝗽𝗿𝗼𝗷𝗲𝗰𝘁 — no black-box dependencies required. ➡️ 𝗖𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁𝘀 𝗮𝗿𝗲 𝗮𝗰𝗰𝗲𝘀𝘀𝗶𝗯𝗹𝗲 𝗯𝘆 𝗱𝗲𝗳𝗮𝘂𝗹𝘁, supporting screen readers and keyboard navigation, and designed to align with native iOS and Android UX patterns. ➡️ 𝗙𝘂𝗹𝗹 𝗰𝗼𝗻𝘁𝗿𝗼𝗹 𝗼𝘃𝗲𝗿 𝘆𝗼𝘂𝗿 𝗨𝗜 without rebuilding common elements like buttons, inputs, or sliders from scratch. ➡️ 𝗖𝗼𝗺𝗽𝗮𝘁𝗶𝗯𝗹𝗲 𝘄𝗶𝘁𝗵 𝗘𝘅𝗽𝗼 𝗮𝗻𝗱 𝘃𝗮𝗻𝗶𝗹𝗹𝗮 𝗥𝗲𝗮𝗰𝘁 𝗡𝗮𝘁𝗶𝘃𝗲 𝗽𝗿𝗼𝗷𝗲𝗰𝘁𝘀, but not yet integrated with Tamagui’s styling system (future support may be planned). ➡️ 𝗦𝘂𝗽𝗽𝗼𝗿𝘁𝘀 𝘁𝗵𝗲𝗺𝗶𝗻𝗴 𝘃𝗶𝗮 𝗡𝗮𝘁𝗶𝘃𝗲𝗪𝗶𝗻𝗱 — though you’ll need to wire it up manually using Tailwind variables, context providers, and config files. Note: The term “install” in the documentation refers to using the shadcn CLI (e.g., npx shadcn@latest add component) to fetch and copy component code into your project, not adding a package to your dependencies. NativeUI isn’t a plug-and-play library; it’s a lightweight toolbox that empowers you to shape your UI with precision and control. 𝗪𝗵𝗮𝘁’𝘀 𝘆𝗼𝘂𝗿 𝗽𝗿𝗲𝗳𝗲𝗿𝗲𝗻𝗰𝗲: npm install a pre-built UI kit for speed, or copy/paste NativeUI components for ultimate customisation? #ReactNative #KeyboardUX #MobileDev #OpenSource #JSDev #Performance #iOSDev #KeyboardExtensions #ReactNativeKeyboard #UIUX #shadcn #nativeuishow more

a lot of visual identities fall apart the moment... you remove the logo. so here’s friendly advice I wish someone drilled into me earlier: run every visual identity through the Three-Post Test. What is it? Design three social media posts in the new visual identity. (btw, you can now easily design and export social media assets directly in Framer) Or, design three posters. (a tip that Jessica Strelioff’s also recently shared!) Then, the important step: remove the logo. Now, look at them like a stranger would. If you’re trying to get out of junior design mode — ask yourself: 1. without the logo, do these three posts still obviously belong together? Follow up with: 2. can I easily point to repeating rules (layout, type behavior, spacing, color logic, ...)? 3. could another designer easily continue this system without me in the room? If you answer 1. no 2. nope 3. uhmmm, not sure then you’re in trouble. If the logo disappears and the connection goes with it, that’s your signal: you don’t have a visual system yet, just three nice visual pieces. maybe a very nice logo, too. So, run this test early, save yourself time later.show more

A lot of hitters confuse being late with letting... the ball get deep. They’re not the same thing. In this video I show it with a simple example. I toss the ball and reach way out in front of me to catch it. That’s what late looks like. The ball already beat you… now you’re chasing it with your hands. Then I toss another one and catch it slightly behind me. That’s being on time and letting the ball get deep. When you’re late, your body and barrel are reacting after the ball passes your window. You’re forced to reach, cut across it, or roll it over. When you’re on time, you can let the ball travel and still control it. Now the barrel can stay through the zone longer, and you can drive it with authority. Deep ≠ late. Good hitters aren’t reaching for the ball… they’re on time enough to let it come to them. ⚾️ Train with an expert. Not an influencer.show more

Step 1 : input your char reference, poster and... your product into GPT Image 2 and then put the prompt : Use the woman on image 1 as the main subject. create a vertical poster ad inspired by the reference poster style. show the image 1 woman holding the kimchi jar with her left hand, while the right hand eating kimchi to her mouth. with framing wide lens, low angle from the reference poster. This step is where you lock the visual direction. Step 2 : take the generated image into Seedance 2.0 and convert it into motion. Set it to 1080p if your design includes a lot of typography, this helps preserve text clarity. You can also strengthen your prompt by adding keywords like: “dynamic motion design commercial advertisement” to push the result closer to a polished ad style. Important note : If your design contains heavy typography, expect some inconsistencies in text rendering. The best approach is to generate multiple variations and select the cleanest result. For this sample, I generated it 4 times before landing on the final version.show more

I didn’t expect Grok’s video model to improve this... much. Today, when I was generating a video with Seedance 2.0, I found the results weren’t very good. So I tried using the exact same source material and prompt in Grok instead. To my surprise, Grok actually produced better results than Seedance 2.0. I’ve put the prompt and source material in the comments, so if you’re interested, you can give it a try too. The left side shows the video generated by Grok, and the right side shows the video generated by Seedance 2.0.show more

🦷 Tired of bad breath? 🌿 Try this easy... DIY remedy using ingredients you already have at home! 🌟 Combining the power of clove and ginger with your regular natural toothpaste, you can keep your breath fresh all day long. 🔬 Science: Clove is known for its antibacterial properties, which help fight the bacteria that cause bad breath. Ginger, with its natural anti-inflammatory effects, soothes the mouth and aids in digestion, which can also contribute to fresher breath. 🌟 Benefits & Usage Tips: 1. Clove Powder: 🌿 - Benefit: Antibacterial properties help kill the bacteria responsible for bad breath. - Tip: Use a small amount of clove powder, as it is potent and can be spicy. 2. Ginger: 🍃 - Benefit: Anti-inflammatory and digestive aid, helping to reduce oral bacteria and soothe the stomach. - Tip: Fresh ginger can be substituted for powder; just grate it finely. 3. Toothpaste: 🪥 - Benefit: Cleans teeth while the clove and ginger enhance the breath-freshening effect. - Tip: Use your regular toothpaste for this mixture. 4. Water: 💧 - Benefit: Helps to achieve the right consistency for the paste. - Tip: Add water slowly to avoid making the mixture too runny. Follow for more! 🌿🦷✨show more

Claude Design is f*cking cracked for landing pages 🤯... Find any competitor's e-com lander → feed it to Claude Design w/ your brand's design system → get back a fully rebuilt version in your brand, your copy, your design. All inside Claude Design. Perfect for DTC brands and agencies who are still paying freelancers to build advertorial pages from scratch. If you're finding landers that have been running on Meta for 6+ months and want to test the same structure for your brand —> Briefing a designer, waiting a week, getting back a flat mockup, giving notes, waiting again... Claude Design eliminates the entire loop: → Use Go Full Pag to screenshot the full competitor lander → Feed it to Claude Design with your design system → Prompt it to extract the exact section structure and rebuild it for your brand → It rewrites all copy, applies your fonts, colors, and layout → Iterate section by section — send a screenshot of what you want to fix, it fixes it → Drop in your product images and founder photos as you go No designer. No back-and-forth briefs. No starting from scratch. What you get: -> Full production-ready lander built around a proven structure that's already converting on Meta -> Live elements (countdown timers, animated sections) auto-generated -> Mobile and desktop versions you can refine with plain-English prompts -> A repeatable system — new competitor, new screenshots, same pipeline I put together a full playbook breaking down the exact process — the prompts, the section-by-section editing approach, and how to set this up for any competitor lander. Want it completely for free? > Like this post > Comment "CLONE" And I'll send it over (must be following so I can DM)show more

Your drone shot isn’t worth someone’s home, or someone’s... life. Deputies responded to two grass fires along I‑25 near Castle Pines Parkway on Sunday. As the Douglas County firefighting helicopter approached to attack the flames, a drone was detected flying in the same airspace at the same altitude near the fire. That drone forced the helicopter to halt operations until it was grounded. With help from South Metro Fire Rescue 's technology, crews quickly tracked down the drone and its operator. Deputies cited him for obstructing firefighting operations. We get it, capturing the scene might seem exciting. But during emergencies, every second counts. Please keep drones out of active fire zones so our teams can protect lives and property without delay. ***Be sure you’re following all FAA rules and have the proper licensing and certifications required for your specific drone before you fly.show more

The thing I help hitters with the most.. (1... good way to train it👇🏼) They start on time but never actually get loaded to GO. They think they’re ready. They’re not. So they start earlier next time. Same problem. —— This is a conversation I have with almost every hitter. When is the right time for you? - Based on your load style - Based on how long your load takes - Based on the pitcher’s velo, windup, or slide step —— If that’s you, try a “loaded at release” type load. Bobby Witt. Judge. Get your hip and elbow loaded early. Then stride with it ready to fire. “The pitcher is up there for 20 seconds telling you to get ready. Shame on you if you’re not ready to swing.” ____ If I have you in the cage, what I’ll do is have you get into a no stride position, get ready to swing and I stand there for 1-4 seconds… Holding my hand out over the plate ready to snap my fingers. When I snap, you swing. Do that 4-5x. You get the quickness, readiness feeling. Then we go back to stride with moving ball and you’re trying to time up that same GO move with the ball With your foot up in the air and the GO will make the foot go down. Not foot down then swing. That typically kills quickness. This works 95% of the time I’d say! —— > Send this to a hitter who needs it > Save it for when you need it.show more

How to 10x your design with Figma Make ⭐️... I spent 40+ hours testing Figma Make prompts. Most designers waste time with vague prompts and get garbage outputs. Here are the exact prompts and proven workflow that actually work: 1️⃣. Prompt formula: Bad: "Create a dashboard" Good: "Create a SaaS analytics dashboard with: → Left sidebar navigation (240px wide) → Top bar with user profile → 4 metric cards in a grid → Line chart showing revenue trend → Use blue (#2563EB) as primary color" The more you specify = higher quality. 2️⃣ Workflow: Import Your Design System First Before your first prompt: → Go to your main Figma file → Export your component library → Import it into Make → Add this to every prompt: "Use components from [Your Library Name]" Now everything matches your brand automatically. 3️⃣. Prompt for Interactive States: "Create a login form with: → Email and password inputs → Show error state when fields are empty → Disabled button state when form is incomplete → Success message after submission → Add smooth transitions between states" Gets you working prototypes, not static screens. 4️⃣. Advanced Prompts: Data States "Create a user list screen with three states: → Loading (skeleton screens) → Success (populated table with 10 users) → Empty (illustration + 'No users yet' message + 'Add User' CTA)" One prompt = complete UX coverage. 5️⃣. The "Design System Drift” Fix: Notice Make using wrong colors? → Try this Prompt: "Analyze my imported library and list all color tokens, then regenerate using only those exact values" It'll self-correct and stick to your system. 6️⃣. Responsive Design Prompt: "Create a pricing page with 3 tiers. Make it responsive: → Desktop: 3 columns side-by-side → Tablet: 2 columns with 3rd below → Mobile: Stacked vertically → Use Auto Layout for fluid scaling" This gets you mobile + desktop in one shot. 7️⃣. Magic Troubleshoot Prompts: Output looks off? → Try: "Redesign this following Material Design principles" → Or: "Make this follow iOS Human Interface Guidelines" → Or: "Apply Gestalt principles for better visual hierarchy" Give it design frameworks to follow. It works magic. Designers who master prompt engineering in 2026 will ship 10x more than everyone else. P.s. I made a Gameboy for Pokémon. (bookmark this for later)show more

Save this for the next time your typography feels... weird and you can’t explain why. Nine times out of ten, it’s line-height - the vertical space between lines of text that decides whether type feels confident or clumsy, readable or tiring. Headlines Compress them. ~1.05–1.25 is usually right. Headlines aren’t meant to be read carefully line by line. They’re meant to land as a shape. Tighter leading pulls words into a single visual block and makes the headline feel confident and intentional. One hard rule: ascenders and descenders should never touch. If your t’s and l’s are colliding with g’s and y’s, you’ve gone too far. Body text Do the opposite. Give it air. ~1.4–1.7, depending on the typeface, its x-height, and the line length. Body text is about endurance. Your reader shouldn’t notice the typography at all. If they’re aware of the type, something’s off. The goal is that they just keep going, paragraph after paragraph, without friction. In Framer, you can find the Line-height settings in the Text Panel > Line. And yes, this applies even if you’re using the same font for headlines and body text! Same font, same page, but they have completely different jobs - and different line height. Sometimes, choosing a good type isn’t enough - you need to know how much space to give letters so they can do their work.show more

GPT-5.6 Sol is unbelievably good at creating and editing... videos. It can do motion design, product demos, and animations like this one I made by simply giving it a screen recording. GPT 5.6 has the best design taste and significantly outperforms Fable, which relies heavily on repetitive design patterns. To help you experiment with video editing on it, we just launched a collection of 100 ready-to-use skills that show what’s possible and help you get started with video editing using GPT-5.6. These skills can create anything from motion graphics launch videos for your product to a 3B1B-style science explainer video. You can also use them to edit existing videos: add captions, generate motion graphics, create voiceovers, redesign visual styles, translate into new languages, and much more. If you want access to the full library, comment “VIDEO SKILLS” and I’ll share it with you. (You'll have to follow me so I can DM you.)show more

This is the easiest way to make $10k/month with... organic affiliate and AI Arcads launched an ai ugc studio that lets you build an entire army of hyper-real AI actors Then you turn any static image into a high-quality video showcasing any product go to TikTok and make an account + warm it up using arcads you can run an entirely AI UGC account using the same character over and over, making it seem like an authentic TT page Mix the content up with slideshows and videos with the same character Here's the AI stack gameplan: - Claude to help you write scripts - Arcads to generate an image of an AI girlie that fits your product demographic Scroll tiktok and save + download every video / slideshow you see made by clippers promoting a product (there's literally loads) Your going to find an offer on whop for making money online or spirituality and target it towards girls feed all these videos you scraped into a custom google gemini gem trained to deconstruct hooks / angles for you for easy hook inspiration + ideas Deconstruct the hooks, put them into Claude and ask it to give you hooks for the same style of video put for your products your promoting For the videos do caption and reaction + showcase formats Generate the reactions using the character you made in arc ads then manually record the showcasing of the product or proof of the product working Also for caption generate a 8-10 second video you can put text over Include your CTA in the video for reaction style and captions for caption style Plus generate images with the same character and make slideshows directed to your product Now rinse and repeat this make multiple accounts with multiple different avatars and printshow more

108 Hz + Harmonics — A Deeper State of... Calm ✨ 108 Hz, combined with its harmonics like 864 Hz, 1732 Hz, and 3456 Hz, creates a powerful sound healing field that supports your mind and body in returning to balance. These frequencies are naturally aligned, working together to amplify a sense of harmony within your system. This layered vibration can help reduce the noise of the mind, ease overthinking, and bring you into a deeper state of inner stillness. Rather than forcing calm, the sound gently guides your system into it. As you listen, your body can shift into the parasympathetic system — the state where the nervous system relaxes, restores, and regulates itself. This is why working with these frequencies can support both nervous system regulation and nervous system healing. Using 108 Hz and its harmonics can help you: • quiet mental chatter and inner tension • support nervous system regulation • activate the parasympathetic state • experience deeper sound healing through harmonic resonance Together, these frequencies create a more immersive and powerful reset for your entire system. ✨ The deeper the harmony, the deeper the calm.show more

🚨 BREAKING: Scientists just built a quantum battery that... charges almost instantly And here’s the part that breaks physics intuition: It charges faster as it gets bigger Not slower. Faster. Traditional batteries: → more size = slower charge, more loss Quantum batteries: → more size = collective charging boost Why? Because of a quantum effect called “super absorption” Instead of energy trickling in… the entire system absorbs energy in a single coordinated burst Like all atoms charging at once This flips how we think about energy: • No slow charging curves • No scaling limits • Potential near-instant energy transfer But here’s the reality check Still early-stage (lab prototype) Energy storage time is still a problem Not powering your phone yet What matters This proves something deeper: Energy systems don’t have to behave classically. They can scale non-linearly. That’s the same pattern we’re seeing across physics right now: structure > components Follow me I break down the physics behind future tech before it hits reality.show more

Fable 5 just dropped and someone already built a... $10k-looking website with it. Here's the full workflow The smooth scrolling, the animations, the transitions, all built with Fable 5. Here's how to get the same result instead of a generic template. 1. Steal a direction first. Go to Mobbin or Godly and find a site whose feel you love. Screenshot it. Fable copies a vibe far better than it invents one. 2. Grab real components. Pull animation-ready blocks from Aceternity UI or Magic UI. These are built for exactly this look (scroll reveals, parallax, gradients). 3. Prompt Fable with all of it. Switch to Fable 5 in Claude Code, drop in your screenshots and the component references, and describe the sections and scroll behavior you want. Let it plan before it builds. 4. Animate with the right tools. Tell it to use GSAP with ScrollTrigger for scroll effects, or Framer Motion for React. This is what separates "nice" from "$10k." 5. Iterate on feel, not code. Preview it, then give Fable specific notes ("slower fade, more spacing on mobile") until it lands. Bookmark thisshow more

You’re not broke because you don’t make enough. You’re... broke because you give your income to everyone else. Credit cards, car payments, student loans... every payment is money that you could be using to build wealth for yourself instead of making everyone else rich. Here’s how you stop the cycle: 1. Make a zero-based budget. Tell every dollar where to go on purpose. 2. Cut the debt. Attack it with the debt snowball. 3. Stop financing your life. Pay cash for the things you buy. Your income is your number one wealth-building tool. If you keep it, budget it, and invest it, you can break the paycheck-to-paycheck cycle and finally get ahead. No more excuses.show more