Hot 6: titulná strana r/ClaudeCode
Malý nástroj, ktorý číta horúce príspevky z r/ClaudeCode a ukazuje šesť najlepších. Bol to jeden z mojich prvých projektov s AI. Prešiel som ho auditom, prestaval do dizajnového systému tejto stránky a pripojil na skutočný kanál.
Nástenka
Šesť najhorúcejších príspevkov, keď som naposledy čítal verejný kanál Redditu (dátum je pod nástenkou). Zoraďte ich a otvorte diskusiu na Reddite.
-
Najhorúcejšie #1 ·
What is happening???, na Reddite
-
Najhorúcejšie #2 ·
Introduction Claude Dashboards and Claude Motion, na Reddite
-
Najhorúcejšie #3 ·
Anyone else not using Fable AT ALL recently?, na Reddite
-
Najhorúcejšie #4 ·
ATTENTION HEAVY AI USERS, na Reddite
Prečítané z Redditu · r/ClaudeCode
Neoficiálne. Bez spojenia s Redditom alebo Anthropic. Názvy a odkazy patria ich autorom.
Ako to funguje
- Načítať
- Vyčistiť
- Zoradiť
- Zobraziť
Malý skript v Node jedenkrát prečíta verejný RSS kanál subredditu, preskočí megavlákna, nechá šesť najlepších a uloží snímku. Stránka sa skladá z tejto snímky, takže návštevníci nečakajú na Reddit a Reddit nevidí ich.
JSON API Redditu odmieta neregistrovaných klientov (chyba 403), preto nástroj používa verejný kanál: jednu slušnú požiadavku na jedno spustenie. Ak Reddit odmietne, skript počká a skúsi znova. Ak to stále nejde, zostane posledná dobrá snímka a stránka povie, kedy bola prečítaná.
Audit
Prvá verzia, aplikácia v Next.js, vyzerala na snímke obrazovky dobre. V skutočnom použití nedržala. Toto som našiel a toto som s tým urobil.
Príspevky boli napísané ručne. Scraper nikdy nič nescrapoval. Teraz kanál číta skript.
Jedna karta ukazovala počet členov subredditu namiesto príspevku. Teraz je každá karta len názov, dátum a odkaz.
Vzhľad si požičal cudziu značku: terakotovú paletu, loga a vetu „Inspired by Anthropic“. Teraz používa vlastné farby, písmo a komponenty tejto stránky.
Prvá obrazovka bola dekoratívny 3D obrázok z požičaných log. Teraz je tam obsah.
Dotykové plochy boli vysoké 36 a 20 px. Teraz má každý ovládací prvok 48 px alebo viac.
Čo som si z toho odniesol
Pozrieť sa na starú prácu novými očami patrí k remeslu. Najrýchlejším vylepšením nebola nová funkcia. Najprv ju urobte pravdivú, potom svoju.
Postavené s
- Node.js
- Atom (RSS) kanál
- HTML a CSS
- JavaScript
- Dizajnové tokeny
Prvá verzia používala Next.js, React, Tailwind CSS a shadcn/ui.
Ďalšia prípadová štúdia