Built a WordPress plugin that lets teams edit page... content directly from the front end, just click any text and start typing. Really simple way to let people update content without breaking the design. Kind of like synced patterns, but no set up needed. Uses the WordPress Interactivity API under the hood, while keeping the block markup intact in the backend. Built the whole thing with Claude Code in WordPress.com Studio. Want to try building something yourself? npm i -g wp-studio@next && studio codeshow more

Continuing the silliness in Claude Code. Keeping with the... Wireframe Design Studio theme and added these cyan grid/content indicators that snap to the content.show more

Sometimes you want to overwrite text in the editor... instead of inserting it. We recently added overtype mode in Visual Studio Code to let you do just that ⌨️show more

a great way to get started is to use... our skill, built into Claude Code. get the latest Claude Code release: $ claude update then start Claude Code and run our subcommand: $ claude /claude-api managed-agents-onboardingshow more

People keep probing my static site for wp-login.php, wp-admin,... xmlrpc.php (the usual WordPress stuff). So I built them a login pageshow more

I hate writing in a code editor, so I... built an editing mode that lets me write live on the page. This is one of those things that I just wouldn't have bothered to do without Claude Code.show more

At last, Wireframe Design Studio is live 🎉 For... the last few months, I’ve been designing and building a new home for Wireframe Design Studio—marking a new chapter for what the studio is. Collaborating with great people and working on fun projects. It’s very much a work in progress—and will continue to be. I’ve built some really unnecessary things on the site, but it’s been so much fun along the way. ↓show more

Claude Design + Shopify is f*cking ridiculous 🤯 You... can now publish pages from Claude Design → Claude Code → Shopify. Built 100% with Claude Design, Claude Code, and the Shopify CLI. Perfect for DTC brands and agencies who want to skip the design → dev handoff entirely. Here's how it works: → Design any landing page in Claude Design → Export as a zip and drop it into Claude Code → Install the Shopify + Shopify AI Toolkit plugins → Prompt Claude to convert the HTML into a Shopify page template + push to live theme → Claude uploads the images, deploys the files, and creates a published page No more handing designs off to a dev and waiting 2 weeks for a Shopify page. What you get: - A workflow that turns any Claude Design page into a real Shopify page template - Editable sections so your marketing team can swap copy, images, and CTAs without code - Images uploaded straight to Shopify Files automatically - A files-only deploy that only touches what's new in your live theme - A repeatable pipeline you can use every time you design a new landing page This is essentially the design-to-deploy pipeline brands have been waiting for. I put together a step-by-step playbook for going from Claude Design → published Shopify page. Every install, every plugin, every command, and the exact prompt that runs the whole thing. Want the playbook for free? > Like this post > Comment "SHOP" And I'll send it over (must be following so I can DM)show more

one of my favorite ways to use claude code... skills right now - combining remotion with claude-in-chrome for motion video creation. the workflow is addictive. the clip you see here was produced with minimal prompting effort let me know if you would like me to write a full break down of this process. you describe to claude code what you want, claude code writes the remotion components, opens the remotion studio (via browser) with claude-in-chrome, sees the actual rendered output, and iterates on it in real time. need the arrows pointing to the center of the bubbles instead of the edge? just say it. need the layout shifted to the center? say it. claude sees the preview, adjusts the code, re-renders. then when you're happy you tell claude code to render the final video. but skills are what make this possible. remotion knowledge + browser automation + the taste to iterate visually. no copy pasting screenshots back and forth. no "can you try moving it 10px to the right" over chat. it just looks and fixes. this is the kind of workflow that makes you realize how much further claude code can go beyond just writing code in a terminal. i didn't touch any code while working on the clip you see if you haven't tried combining skills together like this - start experimenting. the skills combos is where the magic is at.show more

Announcing Built with Opus 4.6: a Claude Code virtual... hackathon. Join the Claude Code team for a week of building. Winners will be hand-selected to win $100K in Claude API credits. Apply here:show more

We just gave out $12K to 10 users of... Surf Studio. None of them wrote a single line of code. The Surf Studio Build Challenge is over. These are the winners and what they built 👇show more

The hardcover book of GPT-1’s weights that Claude Code... designed, produced, and sold (including the cool cover which visualizes the numbers in the volume) actually came in the mail today and it looks really nice. I never touched any code or did any design or any API to make this.show more

GitHub Copilot Chat gets an update with the new... Interactive Code Assistant View in Visual Studio, Quick Chat in Visual Studio Code, and an expanded context window to help provide better suggestions! 🥳show more

R.I.P. per-token API pricing for AI agents 😭 a... Chinese AI lab just dropped a flat-rate model backend built specifically for agentic workloads. i swapped my Claude Code to it in under 5 minutes. here's the full breakdown:show more

Don't put that API key in clear text for... your MCP Server! Use the inputs in Visual Studio Code to encrypt the key at rest. This way you can be sure you'll never accidentally make it public.show more

Stack Overflow’s Visual Studio Code IDE extension will pull... in validated content from both the public platform and a user’s private Stack Overflow for Teams instance to provide developers with a personalized summary of how to solve problems efficiently and effectively.show more

It can be hard to remember specific terminal commands.... Luckily with Visual Studio Code and Inline Chat in the terminal, you can simply ask AI and then run the command directly.show more

🚀 A new Visual Studio Code weekly release is... here! One of our favorite features is integrated browser debugging, which lets you debug your web app end-to-end without leaving the editor.show more

Go from design to Compose UI code with Gemini!... ⬆️ Upload image of app UI screen ↪️ Use the prompt in the blog ↪️ Copy output into Android Studioshow more

Visualize your repo's history... now directly built into Visual... Studio Code 🚀show more

🛠️ Getting started with the Gemini API? Check out... our collection of prompts and code samples for developers to build with the API and leverage the power of Gemini 1.5 Pro and 1.5 Flash in Google AI Studio. ✨ →show more