Record a skill

Hey folks,

I’ve been looking at a lot of design resources for the manual recently. Interface Craft by Josh is one of the best places I’ve found for learning how to actually feel and notice taste.

interfacecraft.dev]($1). \n\nA collection of practical techniques to achieve excellence in interface design, covering 100+ topics across 11 chapters, with plenty of interactive examples and code.\n\nNew members welcome; enjoy! ","username":"joshpuckett","name":"joshpuckett","profile_image_url":"https://pbs.substack.com/profile_images/1270368527690522626/-3QQH-bB_normal.jpg","date":"2026-06-18T12:37:24.000Z","photos":[{"img_url":"https://substackcdn.com/image/fetch/$s_!JvBq!,w_1028,c_limit,f_auto,q_auto:best,fl_progressive:steep/l_play_button_usfui2,w_88,e_colorize:0/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F__ss-rehost__tw-video-preview-13_2067479310940946432.jpg","link_url":"https://t.co/3vgVLpBWrd"}],"quoted_tweet":{},"reply_count":142,"retweet_count":205,"like_count":3119,"impression_count":582292,"expanded_url":null,"video_url":"https://video.twimg.com/amplify_video/2067479310940946432/vid/avc1/1208x720/ZdE96DXHA29jkGWc.mp4","belowTheFold":false}" class="pencraft pc-display-flex pc-flexDirection-column pc-gap-12 pc-padding-16 pc-reset bg-primary-zk6FDl outline-detail-vcQLyr pc-borderRadius-md sizing-border-box-DggLA4 pressable-lg-kV7yq8 font-text-qe4AeH tweet-fWkQfo twitter-embed">*joshpuckett@joshpuckettMeans & Methods is now live on interfacecraft.dev]($1).

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! 12:37 PM · Jun 18, 2026 · 582K Views142 Replies · 205 Reposts · 3.12K LikesLet’s get into what happened over the weekend.

Ben’s Bites is brought to you by nexos.ai, the unified AI platform

**Tired of using different AI models for different tasks? We were too, so we made nexos.ai. It gives you access to 100+ models in one platform. Oh, and no more Googling “which AI should I use for this?” Just let nexos.ai automatically pick the best one. Give it a try (50% off with code benbites).

Headlines**

• Codex Record & Replay - show Codex a recurring workflow once, like filing an expense report or submitting time off, and it turns the demo into an inspectable, editable skill you can reuse.

• Claude Code has Artifacts now - HTML pages with some functionality that you can share with others (like a PR walkthrough or living project dashboard). Available in beta for Team and Enterprise plans.

• OpenAI is expanding Daybreak, its cybersecurity program, with a new version of GPT-5.5-Cyber (trusted partners only) that can reproduce even more bugs than Mythos and Patch the Planet, a push to help maintainers fix vulnerable open-source software faster.

• Sakana AI released Fugu - An API that picks and coordinates several models for hard tasks. Fugu Ultra claims 73.7 on SWE-bench Pro and 82.1 on TerminalBench 2.1, roughly Fable-class, but you will feel gaps in real usage.

• Build & ship at the Runpod Flash Hack Day! Join Runpod on June 30 at the SF Builder’s Collective for an in-person hackathon. Remote-friendly. Learn how to use Runpod Flash to turn Python functions into auto-scaling, serverless GPU endpoints without Docker. Demos, prizes & mentorship. Register here.*

My feed**

• The coming loop - this is the clearest explanation/writing I’ve read on the loop discourse.

• Cursor /automate - describe an automation; Cursor sets triggers, tools and instructions.

• Claude Code steering guide - where to put instructions, skills, hooks and subagents.

• Gemini’s Interactions API is now generally available. It combines their API for models and agents.

• GPT-5.5 Instant got better at health questions - now on par with OpenAI’s best Thinking models, per OpenAI.

• birdclaw.sh - local Twitter archive with search, inbox and ranked triage. (see more)

• Lettera - native file-based Markdown editor for Mac.

• Perplexity Computer has a new memory system - Brain.

• You’re spending too much on AI. You’re also using it too little.

• Stripe Directory - agents can search and pay Stripe businesses from the CLI.

• Clips - open-source Loom alternative agents can inspect from a URL.

• Can Claude get a robot to play ball? Not fully, but Opus 4.7 was about 20x faster than last year’s Opus 4.1 team.

• Ports - Mac menu app for local dev servers, ports and kill/open buttons.

• Slackbot can now connect to 20+ apps like Linear, Replit, Canva, DocuSign, Zoom and more.

• ElevenLabs Ads Engine - localise ads into 50+ languages and publish to ad accounts.

• 15 copy-paste loops people are actually running.

• Joining a Software Factory - how Factory builds repos for agent PRs.

• Post-Agent Companies - agents make labour cheap; context and trust stay scarce.

Afters**

[*Ethan Mollick@emollickA fundamental problem with extending Codex/Cowork/Code to all knowledge work is that they remain very "software-brained" where the end result (the software) is what is important & that code serves as a source of truth.

For a lot of other knowledge work, the process is at least4:14 PM · Jun 21, 2026 · 104K Views142 Replies · 146 Reposts · 1.53K Likes]($1)[@HyperFrames_ in your favorite coding harness (e.g., Codex or Claude Code).\n\nThen...\n\n1. Gather your assets\n\nCreate a project folder and add screenshots, logos, website captures, reference clips, and ","username":"petergyang","name":"Peter Yang","profile_image_url":"https://pbs.substack.com/profile_images/1454103621516206083/klMwpkk_normal.jpg","date":"2026-06-22T15:05:09.000Z","photos":[{"img_url":"https://substackcdn.com/image/fetch/$s!664x!,w_1028,c_limit,f_auto,q_auto:best,fl_progressive:steep/l_play_button_usfui2,w_88,e_colorize:0/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F__ss-rehost__tw-video-preview-13_2069074162514358272.jpg","link_url":"https://t.co/Fg0YJdLn4Y"}],"quoted_tweet":{},"reply_count":13,"retweet_count":22,"like_count":243,"impression_count":17950,"expanded_url":null,"video_url":"https://video.twimg.com/amplify_video/2069074162514358272/vid/avc1/1280x720/shoIE_H_Y-o0vRiC.mp4?tag=14","belowTheFold":true}" class="pencraft pc-display-flex pc-flexDirection-column pc-gap-12 pc-padding-16 pc-reset bg-primary-zk6FDl outline-detail-vcQLyr pc-borderRadius-md sizing-border-box-DggLA4 pressable-lg-kV7yq8 font-text-qe4AeH tweet-fWkQfo twitter-embed">*Peter Yang@petergyang5 steps to create amazing videos like the one below from HTML for free:

Install @HyperFrames_ in your favorite coding harness (e.g., Codex or Claude Code).

Then...

1. Gather your assets

Create a project folder and add screenshots, logos, website captures, reference clips, and 3:05 PM · Jun 22, 2026 · 18K Views13 Replies · 22 Reposts · 243 Likes]($1)[*shadcn@shadcnWriting the post vs rebuilding the blog to write the post.

Doing the task vs creating a todo list to do the task.

Shipping the feature vs refactoring so you can ship the feature.

We never learn.*Tony Dinh @tdinh_meIt's an art to balance between shipping real work and improving the harness that lets you ship real work.12:42 PM · Jun 20, 2026 · 129K Views38 Replies · 40 Reposts · 583 Likes]($1)Share Ben's Bites

• Find me on X, Linkedin, or YouTube

• Read about me and Ben’s Bites

• 📷 thumbnail via @keshavatearth

**** sponsors who make this newsletter possible :)*

*Wanna partner with us for the next quarter? *

Email us at shanice@bensbites.com or k@bensbites.com

Ben's Bites is a reader-supported publication. To receive new posts and support my work, consider becoming a free or paid subscriber.