The platform is a collectible card platform, like Pokemon TCG, where you use your cards to build a website. Each day you get a new pack, with HTML tags, attributes, CSS elements, etc. and you have to make the most of those to compete against other devs. The idea is to figure out how to do more with less and to learn from others.
As for some background on this... I have many crazy ideas, my brain can't stop sometimes. Using AI to write code for me has scratched some of the itches that my brain has farted through the years and have been living rent free in there for way too many years. Now they can land into the world (and maybe they shouldn't?) and I can free some mental space for new crazy ideas.
I have develop my career in security (cybersecurity, couldn't hurt a fly even if I tried) and one common thing I saw when dealing with a free text field is that users could insert some HTML tags, but only from a shortlist. Things like <b> or <i> but never <script> or <video>. Well, my brain thought: "what if they add 1000000000e56 <b>s? Don't we want to limit that too?" and that thought has been in my head for too long.
That is why, to test some of the AI coding capabilities, I created the html-allowlist npm package[0] early this year. Once I had that done my brain was happy and I was happy. A library that does what I always thought it was the best way of filtering content: you can add some flourish to your comment/textfield but not _too much_. Not sure if anyone will ever use it, but now they can.
Then another thought came in: what is that make us scratch that pleasure of achieving more with less? With AI you have all that stream of code pouring without any effort but there was some pleasure on the struggles to get things to work when resources where limited or finding creative ways to do things on our own.
As a bit of a gamer myself, quickly thought on the Pokemon TCG mobile app, where you get daily packs, build your deck and you battle. And because I have now the library that prevents more than N tags/elements to be present in an HTML page, I could apply that here and build something similar.
So I did, I have been trying to apply all my learning from years of working as a security engineer in different companies to try and build a website that allows people to have a simple personal website but also showcase their web kung-fu skills. I was very happy when I saw a few days ago here about CSS Zen Garden[1] because this website was an early career inspiration for me, as well as being a type of scenario where I could see this platform going: small web mastercrafted by hand.
I know people will come and say "if you didn't code it yourself why should we bother with it?" and you are more than welcome to do so. But for me this is about finally getting that idea out into the world, which maybe doesn't need a website like this, but maybe there's some joy on opening a random pack, slowly improving ones webpage, learning about an obscure CSS trick and appreciating others' skills.
Anyway, I hope you give this a go, it is my first attempt to release something that feels, hopefully, like a final product, so happy to hear what you all have to say and see what you get to build.
Pedro Laguna - https://pedro.laguna.es/
[0] https://www.npmjs.com/package/html-allowlist [1] https://news.ycombinator.com/item?id=49713262","source_kind":"rss","canonical_source_url":""}],"modelAnswers":[],"modelInsight":{"common_points":[],"disagreements":[],"evidence_refs":[]},"entities":[],"modelStats":[],"topicAssets":[],"relatedTopics":[{"id":"716acce4-331a-428c-be53-86ef162d7837","title":"假牙粘附剂有股松油味","category":"AI与科技","heat_score":73,"discussion_volume":14,"summary":"假牙粘附剂有松油味或异味，主要是因为部分“天然”品牌使用松香树脂作为粘合基底，带来浓郁松木气味；同时也可能源于配方中的樟脑、薄荷等抑菌剂，或酒精溶剂的挥发。此外，若保存不当导致管口细菌滋生，也会产生严重的腐败异味。","updated_at":"2026-10-21 07:40:18"},{"id":"7acb0c81-6aee-4165-b80c-4968d199d0ab","title":"茶船古道茉莉六堡茶茶饮","category":"AI与科技","heat_score":71,"discussion_volume":8,"summary":"识别品牌为'茶船古道'，产品为500mL无糖茉莉六堡茶，由广西华林食品受托生产。该饮品主打0糖0脂0卡，融合传统六堡茶底与现代健康理念。其市场定位覆盖追求健康的年轻群体及肠胃调理人群，参照无糖茶饮市场，预估售价在5-8元区间。","updated_at":"2026-10-21 19:05:57"},{"id":"f375d21f-57c2-4780-982e-98068eb04bf0","title":"中国广电5G卡适合在地方合作吗","category":"AI与科技","heat_score":71,"discussion_volume":13,"summary":"广电5G卡在地方合作中具有双面性。对于政企数字化项目（如安防、专网），其政策支持力度大且成本较低，较为适合��但对于纯个人号卡的渠道代理，虽然初期具备价格优势和低门槛，但面临监管收紧和售后服务不完善的风险，需谨慎评估。","updated_at":"2026-10-21 07:28:35"},{"id":"e0220c65-8cb4-4da8-b025-d11f63782d3b","title":"哪吒汽车重组是不是黄了？","category":"AI与科技","heat_score":65,"discussion_volume":5,"summary":"根据联网检索结果，以下是我整理的汇总分析： ```json { \"summary\": \"哪吒汽车重组并未\"黄了\"，而是正处于破产重整的关键推进阶段。2026年9月11日，合众新能源第四次债权人会议披露《重整计划（草案）》，浙江太乙圣莲拟出资30亿元获约70.62%股权。债权人线上表决截止日为10月12日，其后仍需嘉兴中院裁定批准方可生效。此前2026年3月原方案曾因未按期提交被法院裁定转入清算，本次为重新推进的重整方案。\", \"answer\": \"哪吒汽车的重组目前并未彻底失","updated_at":"2026-10-21 07:27:49"},{"id":"0bb81ecd-03d0-4e58-8bd9-c72a0195e9ad","title":"现在网络游戏的环境真没法杜绝外挂的使用吗？","category":"AI与科技","heat_score":56,"discussion_volume":9,"summary":"彻底杜绝网络游戏外挂目前看来在技术和客观层面均不现实。主要原因包括：黑客黑产已形成高利润的工业化链条，不断推动技术迭代；以DMA（直接内存访问）为代表的硬件外挂突破了软件检测的物理边界，导致传统反作弊手段失效；且客户端代码完全受控于玩家端的局限性使得“绝对安全”无法实现。尽管有kernel级别防护和法律打击，但只能达到“抑制”而非“根除”。","updated_at":"2026-10-09 09:42:14"},{"id":"hot-demo-002","title":"生成式 AI 如何改变电商内容生产","category":"AI与科技","heat_score":44,"discussion_volume":4,"summary":"围绕商品图、视频、Listing、FAQ 与多平台适配，AI 内容生产正在从单次生成走向工作流。","updated_at":"2026-09-22 09:25:58"},{"id":"9e4ddbfd-6428-4fe3-82ae-94b711266fad","title":"Trump says US will henceforth call AI 'super intelligence'","category":"AI与科技","heat_score":41,"discussion_volume":7,"summary":"两家模型均援引外媒报道称，特朗普宣称美国将把“AI”更名为“超级智能（SI）”，并可能用于官方文件。但截至当前，均无白宫正式文件或行政命令确认，事件处于“媒体宣称、官方未证”阶段，真实性与具体执行细节仍有待核实。两则解读信息高度一致，未呈现实质差异。","updated_at":"2026-10-01 08:30:05"},{"id":"hot-demo-001","title":"AI Agent 正在进入企业工作流","category":"AI与科技","heat_score":40,"discussion_volume":6,"summary":"企业开始把 AI Agent 从单点聊天工具接入真实业务流程，热点讨论集中在可靠性、成本与自动化边界。","updated_at":"2026-10-21 10:47:28"}],"canonical_url":"http://www.eiaili.com/hot/topic/dd2b9ece-f5ac-41d6-b1b1-7a246acf347a","discussion":null}}