09 / 10
卡牌浏览/评分工具CARD BROWSING / RATING TOOL
Riftbound Card Rating
把领域、类型、费用、评分与注释组合成一条快速评估卡牌的工具流。Combining domain, type, cost, ratings, and notes into a fast card-evaluation workflow.
个人项目:全栈设计与实现、数据库架构、图片管线与组件架构。Solo project: full-stack design and implementation, database architecture, image pipeline, and component architecture.
↓ 先看项目SHOW ME THE WORKGAMEPLAY / DEMO VIDEO
Riftbound Card Rating
待录制CAPTURE TODO语境与问题CONTEXT + PROBLEM
先定义玩家真正需要判断什么。Define what the player actually needs to judge.
为 Riftbound 社区限时预览季制作的全卡图鉴、筛选、评分与注释工具。A full card library, filter, rating, and annotation tool built for a limited Riftbound preview season.
大量新卡同时公开时,玩家需要在浏览、筛选和留下个人判断之间快速切换。When many new cards arrive at once, players need to move quickly between browsing, filtering, and recording their own judgment.
关键决策KEY DECISIONS
规则不是功能清单,而是一组取舍。Rules are tradeoffs, not a feature list.
- 01
让筛选状态可以组合MAKE FILTER STATES COMPOSABLE
领域胶囊、类型与费用共同缩小卡池;评分和注释留在同一张卡的阅读路径中。Domain pills, type, and cost narrow the pool together, while ratings and notes stay in the same card-reading path.


结果与反思OUTCOME + REFLECTION
把实现、验证和下一次判断连起来。Connect implementation, validation, and the next judgment.
完成 200+ 张卡牌的浏览、筛选、评分与注释流程;截图保留了限时服务期间的主要体验。Completed browsing, filtering, rating, and annotation for 200+ cards; screenshots preserve the main limited-season experience.
工具设计的价值来自缩短“看到卡—形成判断—保存判断”的距离。The tool’s value comes from shortening the distance between seeing a card, forming a judgment, and saving it.