Reading up on design

New skill: /apple-design Apple’s WWDC videos are a goldmine of knowledge. I’ve combed through my favorite ones and came up with 17 design and motion principles. Use them to review existing work or when working on something new to get it right. http://github.com/emilkowalski/skills

@emilkowalski

I'm open-sourcing my Agent Skills library. 75 skills for Codex, Claude Code, Cursor, and other agents, focused on web design, landing pages, motion, WebGL, UI styles, and assets. A few favorites: - Video to Super Prompt Turns a screen recording of a design, landing page, or animation into a super detailed prompt that Fable 5 can one-shot into HTML. - HTML to Interaction Prompts Takes an existing HTML page, like something built in Aura, and extracts prompts for sections, buttons, animations, WebGL effects, and interactions. - Stitched Full Page Capture Captures the entire landing page, not just the hero, so you can use the full page as a design reference. - Daily UI Inspiration Combines multiple skills into an agent loop that browses the web, captures great landing pages, and turns them into detailed prompt packs. It's free. Fork them and adapt for your own workflow.

@MengTo

GOODBYE LOGO DESIGNERS IN 2026. Here are 10 Claude prompts that generate brand identity, visual direction, and logo concepts without hiring anyone. Save this before it goes viral. 👇👇

@shubham_crazy08

Asked Claude to design my logo. The result looked like it cost $500,000. It cost $0. The 7 prompts I used (steal these): Save for later🔖

@ElsaSofia__AI

one of my favorite uses of @claudeai design is, after creating a design system, generate an "avatar sheet" of dozens of variations on the brand that i can easily download and make use of everywhere. super handy.

@Shpigford

💯 This again shows we're moving towards ephemeral on-the-fly generated interfaces for everyting

@levelsio

Today we're releasing a new set of components for building chat interfaces. We've taken the patterns we build every day, rethought the abstractions behind them, and turned them into components you can compose and customize. We're starting with the conversation layer: streaming, scrolling, messages, bubbles, attachments, and markers.

@shadcn

New skill: /animation-vocabulary Helps you get better animations from an AI by telling it exactly what you want by using the right words. "morph", "rubber-banding", "layout animation", and more.

@emilkowalski

literally this. basically just never use google fonts and you'll be miles ahead of everyone else.

@Shpigford

Defining Taste

@mitchellh

How we imbue coding agents with our design standards

@rauchg

Every company I've worked at, product graphics were always a bottleneck. They're important assets because they help sell the value of the product. But what happens when the product is constantly evolving? I built a tool (inspired by what George Bugg started) where I turned all of out atoms/components into HTML so that anyone internally can create their own product graphics. Because we have amazing guidelines (shoutout Shivani and team) I was able to give it specific constraints, rules, and guidelines. So much more potential for this tool, e.g, product animation or creating demos. I even got a Slack bot to generate graphics without me even touching the tool.

@PaulJun_

Means & Methods is now live on http://interfacecraft.dev. A collection of practical techniques to achieve excellence in interface design, covering 100+ topics across 11 chapters, with plenty of interactive examples and code. New members welcome; enjoy!

@joshpuckett

One of the best designers I’ve ever worked with is now a principal engineer. He wants to stay anonymous, but he now designs and builds 95%+ in coding harnesses and the terminal. His workflow is basically: → Get AI to create a design md first → Ask AI to generate the components → Give AI feedback until it feels right (taste!) He thinks doing this is now basically a core skill for designers (and frankly any builder). Not saying you shouldn't design in Figma, but I agree with him that it's important to learn the above too.

@petergyang

Claude Code and Claude Design now sync both ways. Run /design-sync to pull your design system into your repo and build against your real components, or push what you've built back into Claude Design and keep editing on the canvas.

@ClaudeDevs

Introducing /visual-plan - a skill to generate rich, visual plans for Claude Code and Codex. Plan mode in Claude Code is incredible. But I always find my eyes glazing over when it gives me this huge markdown essay in my terminal. I found I can make much better visual plans with reusable components. So I made a skill called `/visual-plan`. It generates plans as MDX with visual, interactive components. Diagrams, interactive API specs, schema design changes, annotated code, and even pan and zoomable wireframes. So for any UI work, you can look at a wireframe first, comment on it, iterate, and then have the agent work. I’ve found this to be a much more intuitive interface for reasoning about what the agent is doing. It’s somewhat inspired by that popular post about how HTML is better than Markdown. But HTML can be slow and verbose to write. And it doesn’t look good checked into a repo. This has really made me feel like humans and engineering are entering a new abstraction phase, where we reason about things at the plan level. As long as the plan is good, agents are getting more and more reliable at executing on it. Almost to the degree that we trust the C compiler to compile to assembly reliably. Plans are the new intermediate representation. I also made a skill for the reverse of this, called `/visual-recap`. After the agent works, it gives you a recap of everything it did. Same idea: wireframes, interactive API specs and diffs, schemas, annotated code, etc. So now when you’re reviewing what the agent did for you, or looking at a pull request of somebody else’s code, you can see a visual recap instead of just reading a wall of text. It’s all free and open source. You can find it on my GitHub. Will link to it in the reply because we all know how dumb these algorithms are with links.

@Steve8708

How I use Claude Code and Remotion to make animated diagrams. Sorry, it's not a single prompt. 1. Find an input language the model knows well. For example, Mermaid for flowcharts. Claude writes it fluently, so it's my entry point. 2. Use Claude to build components that take that input and bake in the guardrails: design system, animation patterns, layout rules. 3. Now I can describe what I want in plain English e.g. "create a flowchart for the tier check section in the script", and Claude translates it to our input language: ``` flowchart TD t1[Tier 1<br/>read-only] t2[Tier 2<br/>in-project writes] t3[Tier 3<br/>everything else] action[Action] --> t1 action --> t2 action --> t3 t1 --> skip([Skips classifier]) t2 --> skip t3 --> classifier{Classifier} classifier --> approve[Approve] classifier --> deny[Deny] ``` The component handles the rest: layout, styling, node and edge reveals. It also takes events for follow-ups like the trace dot that follows a path and lights up nodes. 4. To finish it off, I wrapped the board in a separate CRT shader component. It really helps to have a shared vocabulary with your agent. When I say "rise in fast on enter", it knows I mean fade in while translating up, from a set offset, faster than the default duration, with a specific bezier curve. For common language inspo: look into @mattpocockuk `/grill-with-docs` and

@delba_oliveira

Maizzle 6 is here 🥳 🍑💨 Tailwind CSS 4 💚 Vue templating 🔌 Vite plugin 🧩 Components ✨ Beautiful DX 🤖 Agent skills Build HTML emails the way you build apps. Our biggest release ever. npx maizzle new

@cossssmin

Apple COOKED with the new Siri UI animations 🤌🏻🤌🏻

@TheAppleDesign

Hallmark v1.1 is out 🎉 The open source design skill for beautiful UIs. Now with new themes, better designs, more AI slop detectors, and a new mode to drastically redesign apps. Here's what's new: ◆ 4 new themes: Carnival, Lumen, Hum, and Cobalt ◆ Better design: sharper hero headlines & navs, hand-built SVGs and animations, and cleaner type & spacing ◆ New Custom mode: generate a fully custom page from scratch while still passing every anti-slop gate ◆ Tighter catalog: Heard feedback that some themes looked AI generated so we cleaned a bunch of them up Try it today: npx skills add nutlope/hallmark

@nutlope

Introducing Impeccable 3.5, the best way to design in production: iterate on real UI with your AI agent, in the codebase you actually ship. Turns out many popular design skills, including Impeccable and Anthropic's frontend-design, weren't actually very good at...design (the workflow was valuable, but the output didn't magically make LLMs like GPT great designers). We measured it across thousands of generations: 74% of pages used the cream AI-default background, 76% reached for extreme letter-spacing, 90%+ failed the contrast floor. So we started fixing slop systematically, specific to each model. The skill now compiles rules for the exact defects each model makes, instead of shipping one generic file to everyone. The biggest jump is in GPT-5.5 and Codex. Also new: ◆ It now knows the difference between a new project and an existing one. Existing codebase, it reads your design system and preserves your identity. Greenfield, it seeds a fresh palette from 129 hand-curated anchors so every cold start doesn't drift to the same safe colors. ◆ Live Mode is now in beta, and works at two scales. Type a direction into the new Steer bar, or speak it, and the agent reads the whole page and edits it in place. Or pick a single element, steer it with a sub-command, live-edit any copy, and accept the variant straight back to source. Insert mode scaffolds brand-new elements between the ones already there. Recovery survives HMR, hidden heroes, and dev-tool overlays. ◆ A rebuilt anti-pattern detector. Torn off jsdom and onto a real CSS cascade resolver: roughly 20x faster, dependency-free, and now small enough to run inline inside the skill, not just the CLI and extension. 14 new rules, 41 total. ◆ The skill keeps itself current, checking once a day and offering to update. Plus /impeccable init and a bare /impeccable that reads your repo and tells you the next move. Free, open source. Claude Code, Codex, Cursor, and more.

@pbakaus

Long-form writing works better with a little more space. Now you can edit longer pieces in full-screen and save them to your Library to come back to later.

@ChatGPTapp

It’s never been easier to design your dream house. Draw a shape. Define your rooms. Set your constraints. @DraftedAI generates complete floor plans, elevations, and 3D home designs in seconds. Over the last month, 120,000 people generated 325,000+ home designs with

@ycombinator

Basecamp 5 is live! And the new website is a throwback to a simpler time. Just show the damn product. Just list the features. Yes, it's agent accessible, but it's not agent hysteric. https://basecamp.com/

@dhh

Here's another look a the same feature, bookmarking, in this case, executed differently in Basecamp 4 vs. Basecamp 5. Even the little things are significantly better.

@jasonfried

Faith in eventually. Making something new takes patience. But it also takes faith. Faith that everything will work out in the end. During the development of most any product, there are always times when things aren’t quite right. Times when you feel like you may be going backwards a bit. Times where it’s almost there, but you can’t yet figure out why it isn’t. Times when you hate the thing today that you loved yesterday. Times when what you had in your head isn’t quite what you’re seeing in front of you. Yet. That’s when you need to have faith. There are designs that are close, but not there yet. There are obvious conflicts that will need to be resolved. There are lingering things that confound you, confuse you, or upset you, but you know that eventually they’ll work themselves out. Eventually you’ll find the right way to do something you’ve been struggling with. It’s hard to live with something that isn’t quite right yet – especially when it’s your job to get it right. It’s important to know when to say “it’s fine for now, but it won’t be fine for later.” Because moving forward is critical to getting somewhere. And, eventually, you’ll figure it all out. It’ll all work out in the end. This is what I’ve always believed, and have always tried to practice. A dedicated faith in the eventual resolution of a problem, the eventual execution of a concept, and the eventual realization of the right design. Even when something’s poking out you don’t like, or something isn’t aligning quite right, or the words aren’t as elegant as you’d hoped, or something just isn’t easy enough yet, you need to have confidence it’ll all come together eventually. Remember that what you’re making is in a perpetual state of almost right up until the end. And it's never right even after. In the meantime, you just press on and keep making things, trying things, and getting closer and closer to the time when you can tie the loose ends into a perfect bow and present it to the world. What fun it is!

@jasonfried

if you want to design with AI agents, these skills are amazing - impeccable

@nurijanian

never seen this type of treatment before - http://hex.tech has a cursor dwell UI for enabling scroll on one of their interactive homepage sections. so by default you don't hijack regular scrolling. neat detail

@Stammy

Introducing Interfaces A design engineering magazine about building great interfaces. A new issue is released every month covering topics across animation, typography, layout, color and everything else that makes an interface feel great. https://interfaces.dev/

@jakubkrehel

First I critique something particularly embarrassing in Basecamp 4, and then show you how we completely redesigned the same flow in Basecamp 5. We grow!

@jasonfried

Launching today: make any PDF beautiful. It's 2026 - there's no excuse to have ugly resumes, invoices or client proposals. Just upload a PDF -> Get back a polished, professionally designed version in minutes. Works with docs of any complexity👇

@anvisha

Have you ever wondered how I make some of the illustrations for http://makingsoftware.com? Well, I made a video walking through some of the tooling I've made. Hopefully its interesting.

@DanHollick

I’m thoroughly impressed by this OLED display on the new dell XPS 14. Everything pops

@typecraft_dev

Agents make ugly UIs because they've never seen good design. We've been fixing that, 2,000 DESIGN.md files from the world's best products, structured for a model to read and learn. Colors, type, spacing, layouts and more. Free. http://styles.refero.design

@bbssppllvv

Twenty-odd years ago, Jason and I did this promo for Apple. It was made by @davemorin and lived on Apple's site. It's incredible how well it still holds up! I really do need a beautiful computer to do my best work. Today, it's no longer made by Apple, but the principles endure.

@dhh

This is cool: https://maggieappleton.com/zero-alignment

@brian_lovin

This Omacon keynote celebrates computers as more than just tools, but as beautiful, bespoke, and malleable objects. We have such a rich heritage to draw from in our industry, and we don't have to accept losing control over our machines or their aesthetics.

@dhh