Dumb Fable 5.2 UI/UX prompts:
>"make my dashboard look modern"
>"improve this form"
>"make it work on mobile"
>"make it accessible"
Good Fable 5.2 UI/UX prompts π
Good prompt to polish your app, enjoy.
Test this in the browser at different widths, with touch emulation, and on a throttled 3G connection. Fix anything that looks broken or feels off. Save a before and after screenshot for every fix and send me a summary afterwards.
Starting to roll out today: Claude Whiteboards, Claude Sheets and Claude Data.
Think a plan through on a board, build a tracker in a sheet, and tell a story with your data.
Left to their own devices, AI coding agents will happily write 100 lines of custom JavaScript for something modern HTML and CSS can do natively in a few lines.
Today, in partnership with @FirefoxWebDevs, @MozDevNet, and @MSEdgeDev, we're releasing Modern Web Guidance 1.0 with 200+ expert guides and Baseline support β https://t.co/lQXQBxUcx1
We have dumped JAX/SGLang and rewritten the entire RL and inference stack from scratch in C/C++, which took some extra time.
Training (aka pre-training) is done. Lot of cleanup was needed on the SFT data to get that mostly right. Now, 4.8 is in RL and the evals are starting to climb. We will do a soft rollout to Bot users later this week and see how it goes.
Grok 4.8 will bear no resemblance to 4.7 (thankfully). It is not yet incredible, but, this time, the foundations are built right, so I expect it to evolve to be something special.
Delete everything in your AGENTS file and replace with:
> Always build code cleanly, modularly, and with proper architecture and separation of concerns. Never simply bolt on a feature because I asked for it. If you canβt find an easy way to build it naturally, and you'd recommend a refactor to make the whole thing cleanly, stop your work ahead of time and say so.
Delete everything in your AGENTS file and replace with:
> Always build code cleanly, modularly, and with proper architecture and separation of concerns. Never simply bolt on a feature because I asked for it. If you canβt find an easy way to build it naturally, and you'd recommend a refactor to make the whole thing cleanly, stop your work ahead of time and say so.
@antigravity Google does this cycle on repeat:
1) new model -> cant have it yet but here are benches
2) new tool, revamp tool -> ooo WOW -> forget about it for 6 months, -> new ravamp of the same tool
If you want Claude Code to work like a real senior dev, install these 5 free plugins:
1.) Agent Skills
Reusable playbooks, so it follows proven workflows instead of guessing.
2.) Context7
Up-to-date library docs, so it stops writing outdated code.
3.) Graphify
Turns your codebase into a knowledge graph, so it understands how everything connects before it touches anything.
4.) 21st MCP
Builds polished UI components from a prompt, so your frontend stops looking AI-made.
5.) Strix
An open-source AI pentester that finds real vulnerabilities in your app and fixes them.
Junior devs write code.
Senior devs understand, design and secure it.
Bookmark this for your next build.
You built an app with AI. You have no idea where real people will get stuck.
Make Claude Code send 6 fake users through it first. Paste this:
"Use Playwright to open my app at [your URL]. Create 6 subagents, each a different user:
1. a 65-year-old who isn't good with tech
2. an impatient power user
3. someone on a small phone screen
4. someone using only the keyboard
5. a first-time visitor who doesn't know what the app does
6. someone actively trying to break things
Each one tries to [your main task, e.g. sign up and create a first project] with no help, taking screenshots as they go. Report every place each one hesitated, got confused or failed. Then rank the top 10 fixes by how many users hit them."
It's like a user testing session, but done in 10 minutes.
Skullet has no additional build step, reveal transitions and skeleton stylings are fully customisable, SSR content shows right away with no loading state flash, fast data shows content instantly, images smoothly transition in as they load, and plenty more quality of life features to make building loading states effortless π€
Vibecoders, π'πΊ π―π²π΄π΄πΆπ»π΄ ππΌπ, before your next website or app, paste this into Claude Code or Codex:
"I want this to be as perfect as Linear's website or Apple Notes: simple purpose, simple architecture, simple design, simple implementation. Cut taglines, helper text and secondary labels. If a screen needs them to make sense, fix the layout. Every decision should elevate the user experience (UX), developer experience (DX) and agent experience (AX) at once, without breaking anything."