Queenie
  1. Queenie
  2. Hits
  3. AI tools
  4. System Prompt Layout
AI tools · WeChat cover · potential 97 · Machine-translated

Lessons from Building Claude Code: Prompt Caching Is Key

Put the cover under the lamp. Each of the five things that made it work is a layer you can switch on: the words, the grid it sits on, the colours it uses, the subject, the light.

Cover of the original post: System Prompt Layout
Cover · 1 of 1Original on WeChat cover ↗
Layers
Spec sheet

1Hook

System Prompt Layout. It directly makes clear this is a structural diagram of a system prompt; technical people instantly know it's a breakdown of useful material and want to click in.

Content
System Prompt Layout
Position
Top center
Font
Sans-serif bold, black
5.5K likes 14.4K saves 542 shares

Not from this platform

Posted by Thariq on WeChat cover, 19 Feb 2026. Shown with credit and a link back.

Keep all five layers and swap what’s under them: your shop, your budget, your city. You get four covers and the post text.

The prompt, as used

Verbatim. Copy it, or let Queenie swap in your own details.

Generate a new horizontal WeChat official account cover based on the reference cover's composition, visual metaphor, and readability as a WeChat thumbnail. Output size: 1456x582, ratio about 2.5:1; the core subject and essential title information should also work within WeChat's safe square crop. WeChat article title: {fill in the WeChat article title} Summary: {fill in the summary} Original cover approach: Lessons from building Claude Code: Prompt Caching is key style dual-skill Create a horizontal WeChat public-account article cover, 2.35:1 aspect ratio, for an article titled "Lessons from Building Claude Code: Prompt Caching Is Key". Central concept: visualize abstract tool capabilities as interface windows, code snippets, node networks, control panels, AI workflows, or a glowing system core. Style: preserve the reference cover's visual direction: light-background minimalist infographic/product slide. Use a palette inspired by #faf9f5 (white), #edece2 (white), #f6faf4 (white), #fef9ec (white). Keep the image editorial, conceptual, and readable as a small WeChat thumbnail. Composition: lots of whitespace, suitable for a large title, a few icons, and a clear left-text-right-image or centered-title layout. Keep the main subject and any essential title text inside the safe square crop, while using the full wide frame for atmosphere, secondary symbols, or directional motion. Text strategy: use either no text or a very short headline fragment from the title. If text is used, make it large, clean, and integrated into the layout rather than pasted on top. Mood: match the article skill "Lessons from building Claude Code Promp... style dual-skill" -- useful, sharp, high-signal, and slightly more memorable than a normal tutorial thumbnail. Avoid: photorealistic clutter unless the source cover is photo-led, fake logos, unreadable tiny text, generic gradient blobs, stock-office imagery, watermark-like marks, and literal screenshots unless the article is explicitly about software interfaces.

More ai tools recipes

All ai tools hits →
Thariq100
AI toolsWeChat cover

Lessons from building Claude Code: how we use skills

16.3K likes 44K saves 2.2K shares
See the recipe
Hawks100
AI toolsWeChat cover

Turn Claude into the Ultimate Personal Trainer (Complete Guide)

11.9K likes 54.1K saves 962 shares
See the recipe
jack99
AI toolsWeChat cover

From Hierarchy to Intelligence

11K likes 24.3K saves 1.7K shares
See the recipe
Thariq99
AI toolsWeChat cover

A Dedicated Tool for Every Task: Dynamic Workflows in Claude Code

9.6K likes 22.5K saves 1.2K shares
See the recipe
Thariq99
AI toolsWeChat cover

Lessons from Building Claude Code: Think Like an Agent

11.1K likes 28.5K saves 1.3K shares
See the recipe
Mushtaq Bilal, PhD99
AI toolsWeChat cover

A Beginner's Guide to Claude Code for Academic Researchers

5.9K likes 18.3K saves 1.1K shares
See the recipe