[{"data":1,"prerenderedAt":294},["ShallowReactive",2],{"project-47058080":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":29,"sentiment":30,"stance_mix":31,"scored_comments":35,"aspects":36,"strip":43,"post_text":45,"what":46,"said":86,"maker_in_thread":178,"shape":188,"grid":192,"attempts":256,"same_week":257,"maker_shows":44,"maker_hidden":286,"reader_version":287,"card":288},"47058080","explainers","Beautiful interactive explainers generated with Claude Code","title","Show HN: Beautiful interactive explainers generated with Claude Code","https:\u002F\u002Fparaschopra.github.io\u002Fexplainers\u002F","paraschopra.github.io","paraschopra",1771397857,2026,43,30,1341,4366,31,"shown","learning_science","interactive explainers","web_app",[24,25,26,27,28],"interactive explainer","claude code","fourier transform","cellular automata","scaling laws","mixed",0.094,{"positive":32,"neutral":32,"mixed":33,"critical":34},6,2,3,17,{"execution":37,"design":39,"idea":41,"docs":42},{"positive":38,"critical":34},1,{"positive":34,"critical":40},0,{"positive":40,"critical":40},{"positive":38,"critical":40},[38,38,40,44,40,40,44,40,38,40,40,34,40,34,40,34,44,44,40,44,34,34,40,34,40,34,44,34,40,40],5,"Hello HN,\n\nRecently an amazingly beautiful explainer was shared on HN: https:\u002F\u002Fexplainers.blog\u002Fposts\u002Fwhy-is-the-sky-blue\u002F\n\nI loved it so much that I wished more topics were explained that way. So, I decided to stress-test today's frontier models (Opus 4.6 in Claude Code) to generate similar explainer on any given topic WITH (almost) one shot and minimal nudging.\n\nI'm launching with four topics: Fourier transformation, scaling laws in bio, cellular automata and LLMs.\n\nI would let you be the judge, but I'm quite liking them.\n\nSome things I learned:\n\n- Prompting CC to test what it builds using he",{"problem":47,"audience":53,"pricing":59,"motivation":60,"time_to_build":59,"stack":64,"openness":83,"stage":84,"team_size":85},{"value":48,"source":49,"evidence":50},"Making visual, interactive explanations of technical topics","maker",[51],{"id":52},"post",{"value":54,"source":49,"evidence":55},"Intelligent Hacker News readers",[56],{"id":57,"by":11,"text":58},"47058857","Current prompt is like this: I want to build a self-contained html\u002Fjs\u002Fcss file explainer page as close as possible to this explainer:…",null,{"value":61,"source":49,"evidence":62},"Wanted more topics explained in the style of a viral explainer",[63],{"id":52},[65,72,79],{"value":66,"source":49,"evidence":67},"Claude Code (Opus 4.6)",[68,69],{"id":52},{"id":70,"by":11,"text":71},"47058813","Yeah, all of it was done by Opus 4.6",{"value":73,"source":49,"evidence":74},"Codex for plan verification",[75,76],{"id":52},{"id":77,"by":11,"text":78},"47058825","Yes, the skill is something like the following: # Codex Verification Skill Use OpenAI Codex as an independent reviewer via `codex exec`. ## How to Call Codex *Standard pattern…",{"value":80,"source":49,"evidence":81},"Playwright with headless Chromium",[82],{"id":57,"by":11,"text":58},"unknown","launched","solo",{"praise":87,"objections":112,"requests":139,"questions":151,"alternatives":164},[88,104],{"value":89,"source":90,"evidence":91},"Visuals and animations look polished","commenter",[92,96,100],{"id":93,"by":94,"text":95},"47058231","webcoon","Are these animated visualizations in the sky-explainer all original? If so, I am blown away by the visual consistency and meaningfulness of these throughout the article.",{"id":97,"by":98,"text":99},"47058914","Otterly99","The Fourier transform one is really cool. I loved the 5x oscilloscopes builder and the \"draw your own wave\" widget. Also, seeing the correlation coefficients of the 3Hz + 7Hz…",{"id":101,"by":102,"text":103},"47058168","coulix","Looking great, how did you standardized animations \u002F canvas work? Did AI help?",{"value":105,"source":90,"evidence":106},"Audio widgets and Fourier interactives work well",[107,111],{"id":108,"by":109,"text":110},"47059529","kelseydh","The Fourier transform audio examples fooled me. The example sounds and slider for them appeared consistent as far as I could tell... but then again I don't know much about…",{"id":97,"by":98,"text":99},[113,124],{"value":114,"source":90,"evidence":115},"Some facts are wrong, e.g. king-queen analogy fails in reverse",[116,120],{"id":117,"by":118,"text":119},"47058611","datguyfromAT","Kinda funny, because on the surface it looks really pretty, but if you dig a little deeper the flaws emerge. For example in the llm explainer section 3: king - man + woman =…",{"id":121,"by":122,"text":123},"47058722","syl5x","Pretty much, Ive tried the other examples and none of them work",{"value":125,"source":90,"evidence":126},"Accuracy of generated text is hard to trust without checking",[127,131,135],{"id":128,"by":129,"text":130},"47058312","sixtyj","There was a discussion yesterday that LLM generated “Show HN” posts should be moved to another thread :) Nevertheless, it looks nice but I can’t be sure that texts are correct.…",{"id":132,"by":133,"text":134},"47058355","verdverm","Are they accurate? How do you verify?",{"id":136,"by":137,"text":138},"47058761","chinathrow","One-shot - how did you review that the output is accurate?",[140,147],{"value":141,"source":90,"evidence":142},"Share prompts or md files",[143],{"id":144,"by":145,"text":146},"47058187","yu3zhou4","Please share prompts or md files so we can generate more!",{"value":148,"source":90,"evidence":149},"Link to primary sources like arXiv instead of generated citations",[150],{"id":128,"by":129,"text":130},[152,157],{"value":153,"source":90,"evidence":154},"How were the outputs verified for accuracy",[155,156],{"id":132,"by":133,"text":134},{"id":136,"by":137,"text":138},{"value":158,"source":90,"evidence":159},"How does calling Codex from Claude Code work",[160],{"id":161,"by":162,"text":163},"47058436","energy123","> Asking CC to verify its plan via codex How does this work? You tell it to call `codex exec`?",[165,172],{"value":166,"source":90,"evidence":167},"jezzamon.com Fourier explainer",[168],{"id":169,"by":170,"text":171},"47066779","rstuart4133","If you liked that explanation of Fourier transforms, you'll probably like this one: https:\u002F\u002Fwww.jezzamon.com\u002Ffourier\u002Findex.html",{"value":173,"source":90,"evidence":174},"explainextended.com",[175],{"id":176,"by":170,"text":177},"47069153","For the LLM explainer, did you point Claude at this one? https:\u002F\u002Fexplainextended.com\u002F2023\u002F12\u002F31\u002Fhappy-new-year-15\u002F This page Claude assisted page rhymes with that one. Sorta.",{"comments":179,"answered":32,"key":180},10,[181,184,187],{"id":182,"text":183},"47058828","Yeah, that specific one doesn't work so well but apart from it, does any other example not work?",{"id":185,"text":186},"47059638","yep, i was pretty surprised by audio widgets too.",{"id":70,"text":71},{"commenters":189,"max_depth":44,"maker_replies":179,"first_comment_mins":190,"lifespan_hours":191},15,14,19,[193,195,196,198,200,202,204,206,208,211,213,216,218,220,223,226,227,228,230,232,235,237,239,241,245,247,249,251,253,255],[117,40,38,194,118,40],"project\u002Fcritical\u002Fexecution",[121,40,38,194,122,40],[182,40,40,197,11,38],"project\u002Fneutral\u002Fexecution",[108,40,44,199,109,40],"project\u002Fpositive\u002Fexecution",[185,40,40,201,11,38],"maker\u002Fneutral\u002Fnone",[169,40,40,203,170,40],"other\u002Fneutral\u002Fnone",[93,38,44,205,94,40],"project\u002Fpositive\u002Fdesign",[70,38,40,207,11,38],"project\u002Fneutral\u002Fnone",[209,33,38,194,210,40],"47058579","lordgrenville",[212,33,40,197,11,38],"47058829",[214,33,40,215,210,40],"47059130","commenter\u002Fcritical\u002Fexecution",[128,34,34,217,129,40],"project\u002Fmixed\u002Fexecution",[219,34,40,199,11,38],"47058834",[101,221,34,222,102,40],4,"project\u002Fneutral\u002Fdesign",[224,221,40,225,11,38],"47058844","project\u002Fneutral\u002Fidea",[176,221,34,225,170,40],[97,44,44,205,98,40],[144,32,44,229,145,40],"project\u002Fpositive\u002Fdocs",[57,32,40,231,11,38],"project\u002Fneutral\u002Fdocs",[233,32,44,234,145,40],"47059791","maker\u002Fpositive\u002Fnone",[132,236,34,197,133,40],7,[136,238,34,197,137,40],8,[240,238,40,197,11,38],"47058812",[242,243,34,225,244,40],"47058448",9,"maille",[246,243,40,197,11,38],"47059978",[248,243,34,217,244,40],"47064848",[250,179,44,205,109,40],"47058511",[161,252,34,231,162,40],11,[254,252,40,203,133,40],"47058610",[77,252,40,231,11,38],[],[258,263,268,272,277,281],{"id":259,"name":260,"points":261,"category":262},"47031334","Jemini",488,"ai",{"id":264,"name":265,"points":266,"category":267},"47051852","AsteroidOS 2.0",470,"hardware",{"id":269,"name":270,"points":271,"category":20},"47026186","Microgpt",282,{"id":273,"name":274,"points":275,"category":276},"47040375","FreeFlow",277,"productivity",{"id":278,"name":279,"points":280,"category":20},"47008163","Data Engineering Book",251,{"id":282,"name":283,"points":284,"category":285},"47011567","SQL-tap",233,"dev_tools",false,"v2",{"id":289,"name":5,"line":6,"ai":286,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":290,"top":18,"kw":291,"maker":11,"domain":10,"tier":19,"attempts":40,"strip":292,"url":9,"mix":293,"praise":89,"objection":114,"sub":21},47058080,0.09,[24,25,26,27,28],"110500501003030355053303035300",[32,32,33,34],1794036693624]