I'm proud to present this weekend's side-project, https://www.splintiers.com/ :)
On Splintiers, you'll fine Tier lists for every edition in @splinterlands, and also a "deck builder" that'll show you the expected cost to buy cards of a certain tier / edition / level combination.
TIER LISTS
The Tier Lists are organized by edition, though I've taken the liberty to combine a few where it makes sense (e.g. rewards and promos are included within core sets, but I've split out the larger mini-sets). You can click on a card to see its full stats.
Each tier ranking comes from me based on my own experience, and if you disagree with a feel free to let me know why.
On the tier lists, you can use the buttons at the top to filter by rarity so you only see Common, Rare, Epic, or Legendary cards (or a mix if you prefer).
DECK BUILDER
In addition to the tier lists, I created what I'm calling a "deck builder". I've often gotten questions like "what cards should I buy & what will it cost?". The deck builder lets a player select editions (e.g. Conclave Arcana), tiers (e.g. S/A), and level (e.g. Diamond+) and it will show the current cost to buy those cards on the market.
It also highlights several things:
- When there isn't enough BCX on the market to buy a full card
- When the cheapest version is either a Gold Foil or a Black Foil
- When a price is a massive outlier (usually due to a thin market)
Outliers (not enough BCX or price outlier) can be filtered out as well. And for good measure, you can even export to CSV.
BACKOFFICE
To help me manage the tier lists, I built a backoffice which uses Hive authentication and is restricted to only a specific account I designated (brave.sps).
The backoffice has a drag & drop interface that makes it easy for me to swap around tiers, and allows me to tag roles and add notes to cards to justify their tiers (I'll be doing this in the future, right now they're empty).
VIBE CODING - QUICK START GUIDE
This project took me about 7-8 hours and I was able to complete it in one weekend, all thanks to Vibe Coding with Claude Code. The majority of the time was spent defining clear specs to Claude Code to ensure it could one-shot most features. Besides that, there's a decent amount of waiting time when it's building some of the more complex parts, and I have a perfect way to spend that downtime: playing Splinterlands ;)
If you want to get started vibecoding with Claude Code here's a simple bullet point list of what you need to do:
- Go to https://claude.ai/ and sign up for the Pro plan (this is necessary in order to use Claude Code).
- You can use Claude Code on your desktop (in their app or in the Terminal) but the easiest way to use it is in the browser (zero installations required) here: https://claude.ai/code/.
- Create a github account on https://github.com/ and then connect it to Claude Code. If you can't figure out how to do this, just ask Claude to guide you through it (Hint: this is true about every step). Github is where your code will live.
- Next, create an account on Vercel (https://vercel.com/). This is where your website will get deployed (i.e. where it's hosted). Vercel makes it really easy to manage deployments and basically run your website. Once you have it, connect Vercel to Github. Again, Claude can guide you on how to do that.
- Now you're ready to start working on something. First, come up with an idea and go back & forth with Claude (not Claude Code) to spec it out. THIS STEP IS IMPORTANT. Don't just ask Claude to figure everything out. You need to be CLEAR on what end result you want. Claude will help you by asking questions to help firm up the details, can help mock things up, and can come up with all the technical requirements, but YOU must be clear on what output you want. Spend at least 30 minutes to an hour discussing the idea with Claude, and once it's clear enough you can ask Claude for a spec and for the specific prompts you need to provide to Claude. You should also ask Claude to create a "CLAUDE.md" file which will contain the overall product spec and guidelines (think of this as an evergreen architecture document Claude Code will have access to).
- Once you have your spec, start by creating a repository (aka repo) in Github, and then going to Vercel and importing that project from Github. Then, go to Claude Code (https://claude.ai/code/) and start a new session and select the repo you created in Github. Then put in your first prompt and let Claude work.
- Once Claude Code's done working, you go to Github and merge the "pull request" (aka PR). If you don't know what that means, just ask Claude and it'll guide you through. You basically click a few green buttons. This moves the work Claude Code did from a "side branch" to your "main branch". In a nutshell, this is to prevent bad code from going to production. For now, don't worry about it, just merge the PR.
- Now go to Vercel and go into the project that's synced up to your Github repo. Go into deployments and you should see a deployment to your production environment. Click on that and click the "visit" button to see your live website.
Bonus items:
- If your service needs a database, I recommend using Supabase. Totally doable and Claude's great with DB work.
- If your service require authentication (e.g. Google Login) you'll also need something like Supabase. If it's HIVE login Claude Code can figure that out and doesn't need Supabase.
- If you want a custom domain, you can get that straight inside Vercel.
- I recommend having 2 windows open at all times when working with Claude; one that's talking to Claude and one that's talking to Claude Code. Think of Claude as your planner / adviser / consultant. Anything you don't understand, you ask it. All planning, specs, mockups, go to him. If Claude Code does something you don't understand, ask Claude about it. He's not a coder, and won't accidentally do code for you. Claude Code, meanwhile, is your developer. You give him clear instructions once you've sorted those out with Claude.
- In terms of model selection, Claude has a terrific base model (Sonnet) which should handle most of what you need (everything I built above used Sonnet). IF you're building something super complex, you can always go up to Opus, BUT that will consume credits MUCH faster. Your credit usage is capped based on your plan (i.e. you never spend more than $20/mo UNLESS you change your settings to allow overage spend). It's capped per 5 hour time block and per week. Building Splintiers cost roughly 35% of my weekly usage cap.
If you have questions or comments about Splintiers, suggested improvements, or any questions about vibe coding, feel free to drop them in the comments.
Great work here. Loved the UI and the overall concept of the web app.
Thanks Affliction, glad you enjoy it!
If you see any tier rankings you disagree with, let me know :)
Sure. I did not get a chance to go over the entire list since I am at work. Will do later 😄
Cool man .... great to see you experimenting with stuff ... I'm still on GPT and Codex in VC Code ... havent tried vercel also, I'm just buying servers, droplets, and configuring those ...
Thanks Dalz!
Honestly I think Claude Code is drastically superior to ChatGPT/Codex. Codex definitely got better, but man Claude Code feels like it's on another level...
Yea I am hearing this all over the place ... probably will try it out at one point going forward
Very cool... most of the things you mention i also use a lot 😁
I have been using github co-pilot that is also able to use claude models... really powerful. Fix cost with x amount of request per month which is enough for hobby project at least for me currently.
I still recommend to review code an try to learn what its building and learn the language as you go, because sometimes it spit out really stupid code (but it works).
Yes, completely agree. I actually used to be a developer (long ago) so I have the bases, and am able to figure out when it's suggesting something stupid or diagnose any bad decisions, and that is definitely helpful. However in this particular test I wanted to see if I could get a fully functional product without looking at a single line of code and, well, it worked. I'm not saying it's not necessary of course, and I think people who can get the basics will be able to go a lot farther, but man the tools have gotten just so good it's empowering (and slightly terrifying frankly).
Amen to that, definitely both sides of the spectrum. These tools make things incredibly accessible and empowering for many people. At the same time, it does make me wonder: will we, as humans, become a bit “dumber” by relying on them so much? A bit philosophical maybe, but these are fascinating times we’re living in.
Impressive! This is why those developers who will not adapt to AI will go the way of the dinosaurs... And you will need a lot less developers in the future.
Great site, one improvement that would be great would be to check against someone’s collection so it only shows what they would need to pay to get to a certain level - with brackets coming to modern (most likely) would be great to see how much it would cost to move my collection from silver to gold for example