Copy-ready prompt
Using REFERENCE_1 as the source article page and REFERENCE_0 as the website branding/navigation reference, the article pages were redesigned with a sophisticated, modern dark-mode news UI while retaining the Japanese article theme and overall website identity. The header with the logo and navigation links was retained, but the article layout was widened and made more editorial: a "Back to Archive" link, category tags, dates, prominent headlines, short introductory paragraphs, and a wide, cinematic main image with a deep space/planetary glow theme were added. The article body was reformatted into clear sections with five visible section titles: "Claude Code No. 100," "Enhancement of Computing Resources and Part-Time Slip," "Update of Usage Regulations and Apology," "Updating of Functionality and Product Data," and "Future Outlook." Embedded UI enhancements were added, including a highlight tooltip/notation box, a quote box, a bulleted list, and a source link card at the bottom. Add a right sidebar containing four stacked cards: 1) "Key Points of This Notebook," containing five numbered summaries; 2) "Tags," containing six tags: Anthropic, Claude, Claude Code, Expert, Computing Resources, and Part-Timer Slip; 3) "Share," containing four share buttons/icons: Link, Twitter/X, Facebook, and Hatena Bookmark; 4) "Related Notes," containing four links to related articles and their dates. Use subtle borders, rounded corner cards, soft gray text, amber accent lines, and ample white space; retain the GitHub and news.smol.ai links in the footer.
Prompt breakdown
Using REFERENCE_1 as the source article page and REFERENCE_0 as the website branding/navigation reference, the article pages were redesigned with a sophisticated, modern dark-mode news UI while retaining the Japanese article theme and overall website identity.
The header with the logo and navigation links was retained, but the article layout was widened and made more editorial: a "Back to Archive" link, category tags, dates, prominent headlines, short introductory paragraphs, and a wide, cinematic main image with a deep space/planetary glow theme were added.
The article body was reformatted into clear sections with five visible section titles: "Claude Code No.
100," "Enhancement of Computing Resources and Part-Time Slip," "Update of Usage Regulations and Apology," "Updating of Functionality and Product Data," and "Future Outlook." Embedded UI enhancements were added, including a highlight tooltip/notation box, a quote box, a bulleted list, and a source link card at the bottom.









