Articolo di news scuro su Claude Code, con hero spaziale, schede laterali e interfaccia giapponese

Prompt

Usando REFERENCE_1 come pagina dell’articolo di origine e REFERENCE_0 come riferimento per il branding e la navigazione del sito, ridisegna la pagina dell’articolo trasformandola in una moderna UI di news in modalità scura, raffinata e curata, preservando l’argomento dell’articolo in giapponese e l’identità generale del sito. Mantieni l’header con logo e link di navigazione, ma rendi il layout dell’articolo più ampio e dal taglio editoriale: aggiungi un link per tornare all’archivio, un pill della categoria, la data, un titolo grande in grassetto, un breve paragrafo introduttivo e un’ampia immagine hero cinematografica con un motivo di spazio profondo e bagliore planetario. Riformatta il corpo dell’articolo in sezioni chiare con esattamente 5 titoli di sezione visibili: 「Claude Codeの発表」, 「計算資源の強化とパートナーシップ」, 「利用規約の更新と謝罪」, 「機能・プロダクトのアップデート」 e 「今後の展望」. Aggiungi miglioramenti UI inline, tra cui un riquadro di nota/callout evidenziato, un riquadro per citazioni, elenchi puntati e una scheda con il link alla fonte in fondo. Aggiungi una barra laterale destra contenente esattamente 4 schede impilate: 1) 「この記事の要点」 con 5 punti riassuntivi numerati, 2) 「タグ」 con 6 chip dei tag denominati Anthropic, Claude, Claude Code, エージェント, 計算資源, パートナーシップ, 3) 「シェア」 con 4 pulsanti/icone di condivisione per link, Twitter/X, Facebook e Hatena Bookmark e 4) 「関連記事」 con 4 link ad articoli correlati e relative date. Usa bordi discreti, schede arrotondate, testo grigio attenuato, linee d’accento color ambra e ampi spazi; mantieni i link del footer GitHub e news.smol.ai.

Using REFERENCE_1 as the source article page and REFERENCE_0 as the site branding/navigation reference, redesign the article page into a polished modern dark-mode news UI while preserving the Japanese article topic and overall site identity. Keep the header with logo and nav links, but make the article layout wider and more editorial: add a back-to-archive link, a category pill, date, large bold headline, short intro paragraph, and a wide cinematic hero image with a dark space/planet glow motif. Reformat the article body into clear sections with exactly 5 visible section headings: 「Claude Codeの発表」, 「計算資源の強化とパートナーシップ」, 「利用規約の更新と謝罪」, 「機能・プロダクトのアップデート」, and 「今後の展望」. Add inline UI enhancements including one highlighted note/callout box, one quote box, bullet lists, and a bottom source-link card. Add a right sidebar containing exactly 4 stacked cards: 1) 「この記事の要点」 with 5 numbered summary points, 2) 「タグ」 with 6 tag chips labeled Anthropic, Claude, Claude Code, エージェント, 計算資源, パートナーシップ, 3) 「シェア」 with 4 share buttons/icons for link, Twitter/X, Facebook, and Hatena Bookmark, and 4) 「関連記事」 with 4 related article links and dates. Use subtle borders, rounded cards, muted gray text, amber accent lines, and generous spacing; keep the footer links GitHub and news.smol.ai.