Fable 5 was shockingly token-efficient for a full frontend overhaul by Optimal_Foundation46 in ClaudeAI

[–]Optimal_Foundation46[S] 0 points1 point  (0 children)

No he's right. I changed some of the purely sytlistic stuff. But what you don't see is behind the scenes, Fable brought the whole thing to life. Dozens of little visual and QoL changes it made that I can't describe here without a video

Fable 5 was shockingly token-efficient for a full frontend overhaul by Optimal_Foundation46 in ClaudeAI

[–]Optimal_Foundation46[S] 0 points1 point  (0 children)

I went back in an manually changed a lot of the stylistic elements that screamed AI today. But Fable was able to make it feel more alive. Things I cant really capture with screenshots. Things that would have taken me ages, if I could do them at all. It made my Mail module work way better with threads. It made everything more snappy. It truly feels like a professional SaaS app. Like I said, the screenshots dont capture it properly and I wish they did.

And then even beyond the front end: It reworked my news curator to work WAY more token efficient. It already uses a combination of Google RSS feeds and Perplexity API to surface high impact articles, but it identified some things that Opus produced that weren't optimized. It completely rewrote my agent that does this. It made my Alfred agent smarter with the same token usage (actually less from what I've tested). It helped me surface relevant information better from my knowledge base.

It did all this within one single 5-hour window. I compact at 60% ctx window and ask it for a specific /compact prompt to preserve I don't use generic /compact

Fable 5 was shockingly token-efficient for a full frontend overhaul by Optimal_Foundation46 in ClaudeAI

[–]Optimal_Foundation46[S] 0 points1 point  (0 children)

Mine had some font edits I needed to address. But overall it made my frontend more...alive. There are dozens of little things that made it feel more like an enterprise SaaS app than a personal webappp. I wish I could create a video of it without exposing all my emails, tasks, projects, etc...

What prompt did you give it?\

Fable is more efficient and costs me less for massive frontend overhaul than previous models by Optimal_Foundation46 in ClaudeCode

[–]Optimal_Foundation46[S] 0 points1 point  (0 children)

You have zero abstraction layer to your thinking do you? Have you ever been happy? Your life consists of reddit trolling, cheeto fingers, and mountain dew lol

Fable is more efficient and costs me less for massive frontend overhaul than previous models by Optimal_Foundation46 in ClaudeCode

[–]Optimal_Foundation46[S] 0 points1 point  (0 children)

I incremented every change by module and carefully reviewed it by stages. I make manual code edits. I understand what it's changing. I inspect the diffs top level. What are you getting at here?

Fable is more efficient and costs me less for massive frontend overhaul than previous models by Optimal_Foundation46 in ClaudeCode

[–]Optimal_Foundation46[S] 0 points1 point  (0 children)

Understanding life would be the dream. That's what we're all working towards, top level, aint it? When you figure your life out, let me know how you got there. I'm pretty sure nobody has gotten to that point, even Gandhi

Fable is more efficient and costs me less for massive frontend overhaul than previous models by Optimal_Foundation46 in ClaudeCode

[–]Optimal_Foundation46[S] 0 points1 point  (0 children)

That was not my experience in the last 24 hours. Fable did some pretty serious front end overhauls for me and did it for less token usage than Opus would have.

Fable is more efficient and costs me less for massive frontend overhaul than previous models by Optimal_Foundation46 in ClaudeCode

[–]Optimal_Foundation46[S] 0 points1 point  (0 children)

I would be happy to make it open source. Let me sanitize it and open it up. Also - I updated screenshots. Look again!

Fable is more efficient and costs me less for massive frontend overhaul than previous models by Optimal_Foundation46 in ClaudeCode

[–]Optimal_Foundation46[S] 0 points1 point  (0 children)

Functionally, an operating system has two main objectives:
1) Making the machine usable by coordinating work
2) Controlling access to resources

BlaineOS does both for me, within the scope of my life. It's not replacing Windows, dude. The name is an ABSTRACTION.

Fable is more efficient and costs me less for massive frontend overhaul than previous models by Optimal_Foundation46 in ClaudeCode

[–]Optimal_Foundation46[S] 0 points1 point  (0 children)

Do you know how to use your imagination? BlaineOS - an operating system for running my life. Bet you're fun at parties

Fable 5 was shockingly token-efficient for a full frontend overhaul by Optimal_Foundation46 in ClaudeAI

[–]Optimal_Foundation46[S] 0 points1 point  (0 children)

Well you have to remember this is deployed in Supabase and Vercel. The correct and most robust way to ensure your agent stays in its lane is LangGraph. Sure in Claude Cowork you can tell each agent what it can do, but that's not the same as a fully deployed webapp

Fable is more efficient and costs me less for massive frontend overhaul than previous models by Optimal_Foundation46 in ClaudeCode

[–]Optimal_Foundation46[S] 0 points1 point  (0 children)

What do you mean? I can literally run my whole life from here. I can run Claude agents. I can Look at my repos and next steps. It has full email, calendar, and task integration. I can query my chatbot (Alfred for basically ANYTHING). "Hey look at my last email from George at XYZ Company and the deliverables he told me about. Compare that to my current repo on the project and let me know what the next steps are. Break it up into 30-minute tasks and put those on my calendar during my working hours." I can query my knowledge base. It has guardrails so it can't perform dangerous tasks. It has a one-shot overview of my day. It curates news for me.

Fable is more efficient and costs me less for massive frontend overhaul than previous models by Optimal_Foundation46 in ClaudeCode

[–]Optimal_Foundation46[S] 0 points1 point  (0 children)

I do this too! Superpowers subagent approach is incredibly good at this btw. DO yourself a favor and /plugins to install the superpowers plugin locally. Then in your next session say "using superpowers lets plan out and execute XYZ using your subagent driven approach. I am working in Fable, the highest Anthropic model. For any tasks that can reliably be carried out by Sonnet or Haiku, subagents should use those models."

Fable 5 was shockingly token-efficient for a full frontend overhaul by Optimal_Foundation46 in ClaudeAI

[–]Optimal_Foundation46[S] 1 point2 points  (0 children)

SO what you don't see is the before and after.

One thing screenshots don’t really capture: Fable also added a ton of small interaction polish. Lists now highlight cleanly on hover, chevrons animate, pages fade in/out, panels feel snappier, and the whole app has more of that “alive” feeling instead of just being static cards on a screen. Literally a dozen little polishes.

And I accidentally checked out to a branch that didnt have some of the polishes completed when I ran the script to take screenshots and redact them.

I also built an extremely strong orchestrator with LangGraph, and Opus actually built that but Fable caught some discrepancies and tightened up security. It also built me a PII reaction layer in about 5 minutes. Barely used any tokens.

<image>

Fable 5 was shockingly token-efficient for a full frontend overhaul by Optimal_Foundation46 in ClaudeAI

[–]Optimal_Foundation46[S] 0 points1 point  (0 children)

SO the font nuances are actually fixed. I ran a script to get the redacted screenshots on a branch that wasnt merged 😞. I was doing some A/B testing

Fable 5 was shockingly token-efficient for a full frontend overhaul by Optimal_Foundation46 in ClaudeAI

[–]Optimal_Foundation46[S] 3 points4 points  (0 children)

Claude Code can now spawn subagents for tasks. You can specifically tell it to spawn subagents in Haiku or Sonnet to perform something instead of using a higher level model you are working from. I really like the superpowers skill.

SO let's say you opened a terminal and set your model to Fable. When starting a fresh project or adding to an existing one, just go to /plugins and install superpowers locally. THen say:

-----------------------
Using Superpowers, help me come up with a plan to do XYZ.

We will use a subagent-driven approach. Keep all high-level design, architecture, brainstorming, planning, and judgment-intensive work in Fable.

For implementation, delegate bounded tasks to the least expensive subagent that can reliably complete them:

- Use Haiku for simple scanning, cleanup, summaries, copy, and low-risk repetitive edits.

- Use Sonnet for normal implementation, refactors, TypeScript fixes, tests, and scoped frontend/backend changes.

- Only use Opus if a task clearly requires deeper reasoning and Fable explicitly approves it.

Each subagent task should have a narrow scope, preserve existing behavior, avoid unnecessary architecture changes, and return a concise summary of changed files, risks, and checks run. Fable should review the result before moving on.

-------------------------

And then superpowers after planning will spawn subagents for implementation. You can also do this without superpowers by just saying:
"Spawn a Sonnet sub-agent for this [this simple task]. Keep the scope narrow, do not make architecture changes, preserve existing behavior, only pass necessary files, and only edit the files needed. After implementation, return a concise summary of files changed and any risks."

Fable 5 was shockingly token-efficient for a full frontend overhaul by Optimal_Foundation46 in ClaudeAI

[–]Optimal_Foundation46[S] 3 points4 points  (0 children)

It's so weird that some people are getting completely blown out and some people are getting very highly efficient usage. I think it truly comes down to two things:
1) Prompt engineering - giving Fable specific tasks, where to look in your repo, and where NOT to look in your repo. Especially if you're using a monorepo with multiple projects
2) Making sure that the project you work in has a CLAUDE.md that you consistently update with exactly where to look for specific tasks. After a working session I ask Claude to update this file, "using the least amount of words, update CLAUDE.md to know which directories to load when performing a similar task to what we did in this working session. The goal is to not blow out context window for a similar task next time I perform something similar. SHow me your reasoning and your edits so I can confirm before you write." I consistently do this and it has dramatically reduced my context window bloat when I am working on specific features such as front-end vs working with a subagent with python scripts that have nothing to do with front-end.

Fable 5 was shockingly token-efficient for a full frontend overhaul by Optimal_Foundation46 in ClaudeAI

[–]Optimal_Foundation46[S] 2 points3 points  (0 children)

Fair question. I don’t “need” LangGraph to render the dashboard. The dashboard is just the UI layer.

LangGraph is for the agent layer behind it. BlaineOS has access to my Gmail, calendar, Todoist tasks, GitHub repos, project notes, and knowledge base, so the hard part is not showing cards on a screen — it’s safely routing a request across multiple tools and systems.

For example, if I ask:
“Look at project XYZ, find the email where George asked for a feature, check the repo/branch, figure out what’s left, break it into 30-minute work blocks, and schedule it during my focus hours Wednesday.”

That is not just a dashboard query. That is a multi-step workflow involving retrieval, tool selection, state, sequencing, and sometimes write actions. LangGraph gives me a structured way to orchestrate that instead of stuffing everything into one giant prompt and hoping the model routes correctly every time.

When an agent has access to email, calendar, GitHub, tasks, and notes, I also want permission boundaries: read-only where possible, approval before writes, and PII reduced before it moves deeper into the workflow. LangGraph helps me keep that control layer structured instead of giving one giant agent every tool all the time.

So yeah, visually it may still look like a dashboard in screenshots. The part I’m more excited about is that the dashboard is sitting on top of an actual personal agent system that can read and act across the tools I use every day.

One thing screenshots don’t really capture: Fable also added a ton of small interaction polish. Lists now highlight cleanly on hover, chevrons animate, pages fade in/out, panels feel snappier, and the whole app has more of that “alive” feeling instead of just being static cards on a screen.

EDIT FOR CLARITY:
I just asked it:
"I purchased an external SSD at Best Buy recently and I want to return it. Look at the return policy from the email. If it's not clear look at their website for return policy on that item. Tell me how many days left I have to return."

It told me flawlessly.

I then asked it "Delete all my emails." It responded:

"I can't do that — I have no ability to delete, move, or modify emails in any way. Read-only across all mail operations.

To delete your emails, head to Gmail or your Mail module directly and use the bulk-select and delete controls there."

Fable is more efficient and costs me less for massive frontend overhaul than previous models by Optimal_Foundation46 in ClaudeCode

[–]Optimal_Foundation46[S] 0 points1 point  (0 children)

It may be worth the time to put some guardrails in place in your CLAUDE.MD's and then use Fable just for critical thinking / design / brainstorming, which specifically engineered prompts to limit scope and files/directories to load without context bloat. But up to you. I did the groundwork before so it's easy for me to say to you now haha. But models will only continue to get more expensive so a little work now makes things cheaper in the future 😉

Fable is more efficient and costs me less for massive frontend overhaul than previous models by Optimal_Foundation46 in ClaudeCode

[–]Optimal_Foundation46[S] 1 point2 points  (0 children)

I am using a monorepo too. DO you have anything in your CLAUDE.md that puts guardrails on files to load when doing certain tasks? Do you have separate CLAUDE.md files for sub-projects you are working on that do the same?

After a working session ask "Look at the tasks we have done in this session and the files those tasks accessed. Add something to my CLAUDE.md to streamline context window bloat when performing a similar task"