<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: 朱峰</title>
    <description>The latest articles on DEV Community by 朱峰 (@vulcanfeynman).</description>
    <link>https://dev.to/vulcanfeynman</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4125357%2Facfc5097-624b-463a-9f8a-0cf1f2a36ce0.png</url>
      <title>DEV Community: 朱峰</title>
      <link>https://dev.to/vulcanfeynman</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/vulcanfeynman"/>
    <language>en</language>
    <item>
      <title>opus 5.5 video guide: Triage DOM, Seek, and Voice Failures in a Complete Living Screencast</title>
      <dc:creator>朱峰</dc:creator>
      <pubDate>Sun, 04 Oct 2026 02:56:58 +0000</pubDate>
      <link>https://dev.to/vulcanfeynman/opus-55-video-guide-triage-dom-seek-and-voice-failures-in-a-complete-living-screencast-741</link>
      <guid>https://dev.to/vulcanfeynman/opus-55-video-guide-triage-dom-seek-and-voice-failures-in-a-complete-living-screencast-741</guid>
      <description>&lt;p&gt;Disclosure: This article was prepared with AI assistance for the H3Max operations team. The LemoLab film is a third-party reference, and no local reproduction is claimed.&lt;/p&gt;

&lt;p&gt;Open the &lt;a href="https://h3max.io/opus-5-5-video-generator" rel="noopener noreferrer"&gt;H3Max entry for this debugging reference&lt;/a&gt; as a context reference, while keeping it separate from the local debugging workflow. The page does not establish that H3Max can run this repository, control a terminal, or reproduce the film.&lt;/p&gt;

&lt;p&gt;The reference case is LemoLab’s &lt;strong&gt;Clawd Moves In&lt;/strong&gt;, a 59.4-second unofficial fan film. Compare against the &lt;a href="https://github.com/lemomo-ai/lemo-opuscar/releases/download/web/living-screencast.mp4" rel="noopener noreferrer"&gt;distributed film for the debugging baseline&lt;/a&gt; and the &lt;a href="https://ei7ymlbpau.feishu.cn/file/AJ2mbU6wKoYslzxLzh6cmCZ3nFg" rel="noopener noreferrer"&gt;retained movie alongside the symptom comparisons&lt;/a&gt;. The &lt;a href="https://github.com/lemomo-ai/lemo-opuscar" rel="noopener noreferrer"&gt;production repository for classifying debug evidence&lt;/a&gt; attributes it to Claude Opus 5.5, but those model sessions have not been independently verified here. This is not an H3Max benchmark.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Flwlu8a72bmzgzvyp03a9.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Flwlu8a72bmzgzvyp03a9.jpg" alt="Clawd Moves In / LemoLab: original frame 7.128s" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Original frame at 7.128 seconds from Clawd Moves In. Credit: LemoLab. Unofficial fan film.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;For debugging, use one chain for every problem:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;symptom → reproduction comparison → suspected layer → smallest fix → new evidence&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Do not start with “change the animation.” Start by classifying what changed.&lt;/p&gt;

&lt;p&gt;The &lt;a href="https://github.com/lemomo-ai/lemo-opuscar/blob/main/styles/living-screencast/STYLE.md" rel="noopener noreferrer"&gt;visual specification for the debugging triage&lt;/a&gt; says the UI is rebuilt in HTML/CSS/SVG, the cursor represents the user, and Clawd represents software activity. Plan/diff/test figures are authored demo content, not benchmarks.&lt;/p&gt;

&lt;h2&gt;
  
  
  Hypothetical failure 1: a layout change moves Clawd off the edge
&lt;/h2&gt;

&lt;p&gt;This is a &lt;strong&gt;hypothetical debugging example, not a reported observation&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Symptom:&lt;/strong&gt; after a font or pane-layout change, Clawd appears slightly above or below the intended UI edge.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Reproduction comparison:&lt;/strong&gt; compare the same landing before and after the layout change, including neighboring frames and camera framing.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Suspected layer:&lt;/strong&gt; font metrics → DOM geometry → measured anchor → sprite contact.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Smallest fix:&lt;/strong&gt; re-measure or correct the affected anchor logic. Do not start by adding an arbitrary sprite offset.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;New evidence:&lt;/strong&gt; fresh boundary frames showing the corrected contact, plus confirmation that readable text and captions are still clear.&lt;/p&gt;

&lt;h2&gt;
  
  
  Hypothetical failure 2: backward seeking produces another state
&lt;/h2&gt;

&lt;p&gt;Again, this is a &lt;strong&gt;hypothetical case&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Symptom:&lt;/strong&gt; timestamp T looks correct in normal playback but shows another theme, pane, camera, or Clawd state after seeking backward from a later time.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Reproduction comparison:&lt;/strong&gt; compare T through fresh/direct/forward and backward paths.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Suspected layer:&lt;/strong&gt; accumulated state, timer behavior, class mutation, or missing reset.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Smallest fix:&lt;/strong&gt; make the affected scene state derive from absolute time rather than playback history.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;New evidence:&lt;/strong&gt; matching observable state at T across the different seek paths.&lt;/p&gt;

&lt;p&gt;The &lt;a href="https://github.com/lemomo-ai/lemo-opuscar/blob/main/styles/living-screencast/DEMO.md" rel="noopener noreferrer"&gt;scene chronology used for the seek comparison&lt;/a&gt; helps define what Prompt, Plan, Review, and Self-check should look like at a given part of the timeline.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fpz977hekeg7fv5gxu1lw.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fpz977hekeg7fv5gxu1lw.jpg" alt="Clawd Moves In / LemoLab: original frame 28.512s" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Original frame at 28.512 seconds. It is reconstructed interface animation, not evidence of a live coding session.&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Hypothetical failure 3: regenerated voice leaves fixed captions or foley behind
&lt;/h2&gt;

&lt;p&gt;This is also &lt;strong&gt;hypothetical, not an observed defect in the source film&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Symptom:&lt;/strong&gt; narration changes, but a landing, caption hold, camera cue, or foley event still behaves as if the old timing were active.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Reproduction comparison:&lt;/strong&gt; compare old and regenerated word timings, then inspect every relevant &lt;code&gt;W(id, word)&lt;/code&gt; dependency.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Suspected layer:&lt;/strong&gt; compare the voice/word timings/&lt;code&gt;W(id, word)&lt;/code&gt; chain with captions and foley fixed to absolute time. A fixed event may stay behind while a word-linked cue moves.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Smallest fix:&lt;/strong&gt; update only the downstream cue that is genuinely stale. Do not compensate for a timing defect by changing unrelated geometry.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;New evidence:&lt;/strong&gt; reviewed word timings, fresh boundary frames, caption duration check, and listening confirmation around important word onsets.&lt;/p&gt;

&lt;p&gt;A transcript match is not enough if foley masks the speech or the caption disappears before it can be read.&lt;/p&gt;

&lt;h2&gt;
  
  
  Reproduction and evidence appendix
&lt;/h2&gt;

&lt;p&gt;Before running commands, confirm &lt;strong&gt;Git, Node 20+, FFmpeg/ffprobe, and Python 3.11–3.13 or uv&lt;/strong&gt;. Use a fresh clone or reviewed copy, preserve the lockfile and actual local source, and do not overwrite an existing project.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;git clone https://github.com/lemomo-ai/lemo-opuscar.git clawd-case
&lt;span class="nb"&gt;cd &lt;/span&gt;clawd-case
&lt;span class="nb"&gt;export &lt;/span&gt;&lt;span class="nv"&gt;LEMO_OPUSCAR_HOME&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s2"&gt;"&lt;/span&gt;&lt;span class="nv"&gt;$PWD&lt;/span&gt;&lt;span class="s2"&gt;"&lt;/span&gt;
sh plugin/skills/lemo-opuscar/scripts/setup.sh deps voice
&lt;span class="k"&gt;for &lt;/span&gt;BANK &lt;span class="k"&gt;in &lt;/span&gt;salamander freepats karoryfer vcsl vsco2ce&lt;span class="p"&gt;;&lt;/span&gt; &lt;span class="k"&gt;do
  &lt;/span&gt;sh tools/fetch.sh instruments &lt;span class="s2"&gt;"&lt;/span&gt;&lt;span class="nv"&gt;$BANK&lt;/span&gt;&lt;span class="s2"&gt;"&lt;/span&gt;
&lt;span class="k"&gt;done
&lt;/span&gt;&lt;span class="nb"&gt;mkdir&lt;/span&gt; &lt;span class="nt"&gt;-p&lt;/span&gt; evidence
&lt;span class="nv"&gt;D&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;styles/living-screencast/demo
git rev-parse HEAD &lt;span class="o"&gt;&amp;gt;&lt;/span&gt; evidence/clawd-commit.txt
npm &lt;span class="nb"&gt;ls&lt;/span&gt; &lt;span class="nt"&gt;--depth&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;0 &lt;span class="o"&gt;&amp;gt;&lt;/span&gt; evidence/clawd-dependencies.txt
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Preserve all five banks: &lt;code&gt;salamander&lt;/code&gt;, &lt;code&gt;freepats&lt;/code&gt;, &lt;code&gt;karoryfer&lt;/code&gt;, &lt;code&gt;vcsl&lt;/code&gt;, and &lt;code&gt;vsco2ce&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;Verify the current source before relying on &lt;strong&gt;59.4 seconds at 30 fps&lt;/strong&gt;. If unchanged, the expected picture count is &lt;strong&gt;1,782 frames&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;This prompt is newly written for this tutorial and is &lt;strong&gt;not recovered from the author’s original prompt or session&lt;/strong&gt;:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Reproduce and analyze Clawd Moves In from the living-screencast demo source.
Inspect the current commit, locks, STYLE.md, DEMO.md, CREDITS, core APIs,
and demo/build.sh. Read the author MP4 and actual local files first.

Keep it an attributed unofficial fan-film reproduction. Do not claim the
reconstructed UI is a real recording or that its tests ran on H3Max. Preserve
Clawd's terminal-to-app journey, the existing chapters, and coherent demo data.
Report discrepancies with current product documentation without inventing new
features. No replacement stock footage or external image/video generation.

Inspect film.js, ui.js, clawd.js, main.js, voice files, word timings, and sound.py.
Explain the dependency plan and source duration/fps before building. Use the
source's 59.4 seconds and 30 fps only after checking them.

Keep crisp pixel-grid acting, a smoothly moving cursor, and a continuous camera.
Measure DOM anchors so Clawd lands on real element edges. Reserve text-free
space for the mascot and captions. Derive all scene state from absolute time;
reverse and arbitrary seeks must reproduce the same state in this environment.

If speech is regenerated, review every line and its word times before relying
on W(id, word) cues. Preserve original credits and fan-film disclosure. Use the
actual build/export interfaces. Save model/provider/effort logs, prompts,
modifications, frame checks, and the full output. Do not publish or report
an untested reconstruction as successful.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;For intentional narration regeneration, use the &lt;a href="https://github.com/lemomo-ai/lemo-opuscar/blob/main/styles/living-screencast/demo/build.sh" rel="noopener noreferrer"&gt;narration build path for reproducing cue changes&lt;/a&gt;:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;sh styles/living-screencast/demo/build.sh &lt;span class="nt"&gt;--vo&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;code&gt;--vo&lt;/code&gt; regenerates narration. Review the generated audio and word timings before accepting them. Without it, usable existing voice assets are required. Current source uses &lt;strong&gt;30 fps and six capture workers&lt;/strong&gt;; do not invent another worker CLI flag.&lt;/p&gt;

&lt;p&gt;Generate comparison stills:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;node core/render/still.mjs &lt;span class="s2"&gt;"&lt;/span&gt;&lt;span class="nv"&gt;$D&lt;/span&gt;&lt;span class="s2"&gt;"&lt;/span&gt; 0 8.9 23 32 40.9 56 &lt;span class="se"&gt;\&lt;/span&gt;
  &lt;span class="nt"&gt;--out&lt;/span&gt; evidence/clawd-stills
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;For each symptom, add adjacent frames around the actual boundary being investigated. A still alone cannot reveal teleporting or audio masking.&lt;/p&gt;

&lt;p&gt;Finally validate the artifact:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;ffprobe &lt;span class="nt"&gt;-v&lt;/span&gt; error &lt;span class="nt"&gt;-count_frames&lt;/span&gt; &lt;span class="nt"&gt;-show_streams&lt;/span&gt; &lt;span class="nt"&gt;-show_format&lt;/span&gt; &lt;span class="nt"&gt;-of&lt;/span&gt; json &lt;span class="se"&gt;\&lt;/span&gt;
  styles/living-screencast/living-screencast.mp4
ffmpeg &lt;span class="nt"&gt;-v&lt;/span&gt; error &lt;span class="nt"&gt;-i&lt;/span&gt; styles/living-screencast/living-screencast.mp4 &lt;span class="nt"&gt;-f&lt;/span&gt; null -
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fnl9o9q8vapaovbj0b4fi.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fnl9o9q8vapaovbj0b4fi.jpg" alt="Clawd Moves In / LemoLab: original frame 48.114s" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Original frame at 48.114 seconds from the published LemoLab film. Animated interface and live operation remain separate.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Record actual duration, frame count, narration, subtitles, and the unofficial-fan-film disclosure. Do not claim byte identity with the web release unless supported by actual evidence.&lt;/p&gt;

&lt;p&gt;Close the debug handoff with the &lt;a href="https://github.com/lemomo-ai/lemo-opuscar/blob/main/styles/living-screencast/demo/CREDITS" rel="noopener noreferrer"&gt;asset inventory to retain with the debug evidence&lt;/a&gt;. MIT covers the repository code, not automatically Anthropic’s character/interface identity, OFL fonts, or third-party instrument samples.&lt;/p&gt;

&lt;p&gt;The debugging discipline is therefore: &lt;strong&gt;reproduce the symptom, classify its layer, change the smallest responsible dependency, then create new evidence for that specific fix.&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>debugging</category>
      <category>github</category>
      <category>llm</category>
    </item>
    <item>
      <title>opus 5.5 video guide: Debug Destinations, Cues, and Narration in Tidy’s Dark Tech Launch Film</title>
      <dc:creator>朱峰</dc:creator>
      <pubDate>Sat, 03 Oct 2026 05:52:11 +0000</pubDate>
      <link>https://dev.to/vulcanfeynman/opus-55-video-guide-debug-destinations-cues-and-narration-in-tidys-dark-tech-launch-film-5663</link>
      <guid>https://dev.to/vulcanfeynman/opus-55-video-guide-debug-destinations-cues-and-narration-in-tidys-dark-tech-launch-film-5663</guid>
      <description>&lt;p&gt;Start here: &lt;a href="https://h3max.io/opus-5-5-video-generator" rel="noopener noreferrer"&gt;prepare a Tidy debugging brief through H3Max&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Use &lt;a href="https://github.com/lemomo-ai/lemo-opuscar/releases/download/web/dark-keynote.mp4" rel="noopener noreferrer"&gt;the author artifact for tracing Tidy’s sorting behavior&lt;/a&gt;, or &lt;a href="https://ei7ymlbpau.feishu.cn/file/Xdfab2qF3oUIcBxwN4icekqTnHh" rel="noopener noreferrer"&gt;the matching Feishu archive for inspecting the reference&lt;/a&gt;. &lt;strong&gt;Tidy is fictional&lt;/strong&gt;: this is a code-animated launch film, not desktop footage, SaaS verification, or evidence of H3Max performance.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/lemomo-ai/lemo-opuscar" rel="noopener noreferrer"&gt;The upstream project’s account of its author and model&lt;/a&gt; credits Claude Opus 5.5. Those sessions have not been independently verified. These commands are reader instructions, not our run log; the entry page does not establish local-terminal access.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fm88mql7fn3iml3bypx90.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fm88mql7fn3iml3bypx90.jpg" alt="Original LemoLab author-film frame; fictional Tidy" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;LemoLab author-film frame at approximately 5.04 seconds, also the cover.&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  1. Diagnose the destination before changing the easing
&lt;/h2&gt;

&lt;p&gt;Preserve the reference unchanged. Watch the story, then inspect cursor movement, reading holds, and sound. Compare &lt;a href="https://github.com/lemomo-ai/lemo-opuscar/blob/main/styles/dark-keynote/STYLE.md" rel="noopener noreferrer"&gt;the intended layout and dark-stage hierarchy&lt;/a&gt; with &lt;a href="https://github.com/lemomo-ai/lemo-opuscar/blob/main/styles/dark-keynote/DEMO.md" rel="noopener noreferrer"&gt;the documented relationship between elements and sorting cues&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;The generator contains &lt;strong&gt;264 mixed-category elements&lt;/strong&gt;, not 264 application windows. Fictional product figures are not measured benchmarks.&lt;/p&gt;

&lt;p&gt;Separate wrong destinations, mistimed cues, and obscured narration. Record the timestamp and source before editing. These are diagnostic categories, not reported failures.&lt;/p&gt;

&lt;h2&gt;
  
  
  2. Preserve an identifiable environment
&lt;/h2&gt;

&lt;p&gt;Prepare Git, Node 20+, FFmpeg/ffprobe, and Python 3.11–3.13 or uv. Use a new directory, without overwriting existing work:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;git clone https://github.com/lemomo-ai/lemo-opuscar.git tidy-case
&lt;span class="nb"&gt;cd &lt;/span&gt;tidy-case
&lt;span class="nb"&gt;export &lt;/span&gt;&lt;span class="nv"&gt;LEMO_OPUSCAR_HOME&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s2"&gt;"&lt;/span&gt;&lt;span class="nv"&gt;$PWD&lt;/span&gt;&lt;span class="s2"&gt;"&lt;/span&gt;
sh plugin/skills/lemo-opuscar/scripts/setup.sh deps voice
sh tools/fetch.sh instruments vcsl
&lt;span class="nb"&gt;mkdir&lt;/span&gt; &lt;span class="nt"&gt;-p&lt;/span&gt; evidence
&lt;span class="nv"&gt;D&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;styles/dark-keynote/demo
git rev-parse HEAD &lt;span class="o"&gt;&amp;gt;&lt;/span&gt; evidence/tidy-commit.txt
npm &lt;span class="nb"&gt;ls&lt;/span&gt; &lt;span class="nt"&gt;--depth&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;0 &lt;span class="o"&gt;&amp;gt;&lt;/span&gt; evidence/tidy-dependencies.txt
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Keep locks/Python versions; check fonts, source, Kokoro/transcription and VCSL samples. Separate reference and output. Setup is not acceptance.&lt;/p&gt;

&lt;h2&gt;
  
  
  3. Give the agent a testable reproduction brief
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;New prompt—not the author’s original instructions:&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Reproduce and debug LemoLab's Room to Think from existing dark-keynote source.
Read commit, locks, STYLE.md, DEMO.md, demo/CREDITS, core/README.md, build.sh,
reference and assets. Report missing dependencies; otherwise follow the
documented build without extra approval gates.

Preserve fictional Tidy, dark staging, original mixed-category elements,
cursor-led sorting, shared sound cues and credits. The 264 items are not
264 windows. No real screenshots, fabricated benchmarks, desktop-success
claims or external media-generation APIs.

Inspect timeline.js, world.js, film.js, engine, voice lines, score and mix.
Verify 42 seconds/24 fps from source; record release differences without
silent retiming. Use absolute render(t), fixed seeds, stable identities
and destinations, and shared note/event tables. No wall-clock state.

Test forward, reverse and arbitrary seeks. Save repeated-time comparisons
separately so a later capture cannot overwrite the earlier evidence.
Check destinations, cue alignment, click, flights, landing, captions,
reading holds, narration, intentional silence and complete ending.
Save actual model/provider/effort/session records, prompts, dependencies,
diffs and genuine checks. Do not infer success from the author film,
publish, or identify the reproduction as an H3Max original.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Ft4hbhnich56zo000xcls.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Ft4hbhnich56zo000xcls.jpg" alt="Original LemoLab author-film frame; fictional Tidy" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Original-release frame at approximately 20.16 seconds; not a local debugging capture.&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  4. Build, isolate, and repeat the same check
&lt;/h2&gt;

&lt;p&gt;Run &lt;a href="https://github.com/lemomo-ai/lemo-opuscar/blob/main/styles/dark-keynote/demo/build.sh" rel="noopener noreferrer"&gt;the checked-in implementation of Tidy’s full build&lt;/a&gt;:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;sh styles/dark-keynote/demo/build.sh
node core/render/still.mjs &lt;span class="s2"&gt;"&lt;/span&gt;&lt;span class="nv"&gt;$D&lt;/span&gt;&lt;span class="s2"&gt;"&lt;/span&gt; 0 14.9 16.45 26 41.9 &lt;span class="se"&gt;\&lt;/span&gt;
  &lt;span class="nt"&gt;--out&lt;/span&gt; evidence/tidy-stills
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The script builds narration, score, events, checks, mix, subtitles, and a 24 fps/two-worker render, then muxes. Still arguments are seconds; inspect press/landing neighbors. Do not mix renderer flags.&lt;/p&gt;

&lt;p&gt;Revisit a time after seeking elsewhere. Changed destinations suggest playback-history dependence; inspect shared state, not camera tricks. Restore missing fonts before adjusting coordinates.&lt;/p&gt;

&lt;p&gt;Read the final ASR spot-check and listen: its failure need not stop the script. Resolve Chromium or missing voice/sample dependencies explicitly; never silently remove audio.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Repair only the observed destination, cue, caption or narration defect.
Preserve the fictional case and source timing. Show the responsible data
and code diff, repeat the original seek/frame/audio checks, and replay the
whole action. Do not conceal jumps with cuts or report untested fixes as passed.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  5. Validate the complete artifact
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nv"&gt;OUT&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;styles/dark-keynote/dark-keynote.mp4
ffprobe &lt;span class="nt"&gt;-v&lt;/span&gt; error &lt;span class="nt"&gt;-count_frames&lt;/span&gt; &lt;span class="nt"&gt;-show_streams&lt;/span&gt; &lt;span class="nt"&gt;-show_format&lt;/span&gt; &lt;span class="nt"&gt;-of&lt;/span&gt; json &lt;span class="s2"&gt;"&lt;/span&gt;&lt;span class="nv"&gt;$OUT&lt;/span&gt;&lt;span class="s2"&gt;"&lt;/span&gt;
ffmpeg &lt;span class="nt"&gt;-v&lt;/span&gt; error &lt;span class="nt"&gt;-i&lt;/span&gt; &lt;span class="s2"&gt;"&lt;/span&gt;&lt;span class="nv"&gt;$OUT&lt;/span&gt;&lt;span class="s2"&gt;"&lt;/span&gt; &lt;span class="nt"&gt;-f&lt;/span&gt; null -
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Unchanged 42-second/24 fps settings imply &lt;strong&gt;1,008 picture frames&lt;/strong&gt;. Check dimensions, rate, audio, and ending; watch and listen throughout. Decoding does not certify cue alignment, and web/local encodes need not be byte-identical.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F633h7fn12jt3rzr4l0tk.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F633h7fn12jt3rzr4l0tk.jpg" alt="Original LemoLab author-film frame; fictional Tidy" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;LemoLab reference frame at approximately 34.02 seconds.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Archive source, inputs, versions, prompts, session records, edits, checks, and MP4. Retain &lt;a href="https://github.com/lemomo-ai/lemo-opuscar/blob/main/styles/dark-keynote/demo/CREDITS" rel="noopener noreferrer"&gt;the credited origins of Tidy’s lettering, samples, and voices&lt;/a&gt;: MIT code, OFL fonts, CC0-credited VCSL samples, and separate voice licenses.&lt;/p&gt;

</description>
      <category>ai</category>
      <category>claude</category>
      <category>opensource</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>GPT IMAGE 2 in practice：Generate Reviewable App and Web Mockups from Explicit UI Prompts</title>
      <dc:creator>朱峰</dc:creator>
      <pubDate>Fri, 02 Oct 2026 17:16:25 +0000</pubDate>
      <link>https://dev.to/vulcanfeynman/gpt-image-2-in-practicegenerate-reviewable-app-and-web-mockups-from-explicit-ui-prompts-1k74</link>
      <guid>https://dev.to/vulcanfeynman/gpt-image-2-in-practicegenerate-reviewable-app-and-web-mockups-from-explicit-ui-prompts-1k74</guid>
      <description>&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Flafjupu49bs7l5id32sr.webp" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Flafjupu49bs7l5id32sr.webp" alt="Today teaching cover with mobile, dashboard, and landing-page presentation variants." width="799" height="449"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Codex teaching montage, not a H3Max execution result. Its phone uses April 23 and one-of-three completion; the main fixture uses September 29 and zero completion. Web copy is illustrative, not a literal prompt result. “Free” in the fictional Today artwork is not a H3Max access claim.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;A generated UI image should be treated as a candidate against a specification. Its visual plausibility does not make its state correct, and its import into a design application does not create an implementation.&lt;/p&gt;

&lt;p&gt;This exercise defines fictional Today across mobile, SaaS dashboard, and landing-page surfaces. Each prompt describes one complete static image. Keep the brief, candidate, revision, and accepted reference distinguishable.&lt;/p&gt;

&lt;h2&gt;
  
  
  Define an invariant before choosing a style
&lt;/h2&gt;

&lt;p&gt;The mobile fixture contains exactly three incomplete tasks:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Read 10 pages — Personal · 20 min
Walk for 20 minutes — Health · 20 min
Plan tomorrow — Planning · 10 min
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Required relationships: three empty circular checkboxes; &lt;code&gt;0 of 3 complete&lt;/code&gt;; &lt;code&gt;0%&lt;/code&gt;; an empty pale ring; fixed date &lt;code&gt;Tuesday, 29 September&lt;/code&gt;; and Tue 29 selected.&lt;/p&gt;

&lt;p&gt;The primary action is Add task. Mobile navigation is Today, Projects, Calendar, Profile, with Today active. The active navigation item is not a task completion.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://h3max.io/blog/gpt-image-2-static-app-ui-concept" rel="noopener noreferrer"&gt;The example behind this UI specification&lt;/a&gt; provides the worked context. These values are fictional display inputs, not analytics.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Flyeisazzb5gjko3hrto9.webp" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Flyeisazzb5gjko3hrto9.webp" alt="Teaching blueprint with task-card anatomy, mobile hierarchy, two completion states, and web layout studies." width="800" height="533"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Codex static teaching plate, not H3Max output. Alternative states and web wording are included. Measurements are illustrative, not values extracted from a running layout.&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Generate the mobile candidate
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://h3max.io/gpt-image-2/" rel="noopener noreferrer"&gt;Produce a raster candidate from an explicit screen contract&lt;/a&gt; with Text to Image, GPT Image 2, 9:16, and 1K.&lt;/p&gt;

&lt;p&gt;The October 2, 2026 interface check found 9:16 and 16:9, 1K/2K/4K, and JPEG as the only visible output format. Review credits before submitting. Do not encode assumed timing, success rates, fixed costs, or free access into the workflow.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Create one complete static mobile UI concept for the fictional Today app.
Use a flat 9:16 portrait canvas. No device frame or surrounding scene.
Cream background, charcoal text, white task cards, deep-teal accents,
subtle borders and shadows, readable typography, generous safe margins.

Header:
Today
Tuesday, 29 September
A small avatar circle containing AL.

Progress card:
0 of 3 complete
0%
A little focus goes a long way.
An empty pale progress ring with no completed green segment.

Seven-day strip:
Mon 28, Tue 29, Wed 30, Thu 1, Fri 2, Sat 3, Sun 4.
Highlight Tue 29.

Exactly three task cards, all with EMPTY circular checkboxes:
Read 10 pages — Personal · 20 min — book icon
Walk for 20 minutes — Health · 20 min — walking icon
Plan tomorrow — Planning · 10 min — calendar icon
Checkbox left; title and metadata middle; category icon right.

One prominent deep-teal Add task button beneath the cards.
Bottom navigation: Today, Projects, Calendar, Profile. Select Today.
Align repeated components and preserve every word.
Keep all content visible. No extra tasks, checked states, navigation,
or claims of working interaction.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fv83a915d0br927wv2ri3.webp" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fv83a915d0br927wv2ri3.webp" alt="Today mobile fixture with September 29 selected, zero completion, three empty task circles, Add task, and four navigation entries." width="800" height="1421"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Codex-generated teaching reference, not an executed H3Max test. It represents September 29 and zero-of-three completion. Controls are pixels; the WebP file does not establish another output format.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;The hierarchy is header, progress, dates, tasks, creation action, navigation. Review the repeated checkbox/text/icon positions and the distinction between primary action and section selection.&lt;/p&gt;

&lt;h2&gt;
  
  
  Create a desktop-specific contract
&lt;/h2&gt;

&lt;p&gt;Use 16:9, preserving vocabulary and palette but replacing the information architecture.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Create one static 16:9 desktop SaaS dashboard for fictional Today.
Use cream surfaces, charcoal text, white panels, and deep-teal accents.
Sidebar: Overview, Projects, Calendar, Files. Select Overview.
Heading: Today. Greeting: Hello, AL.
Label the workspace Example data.
Summary cards: Tasks 3 / Complete 0 / Remaining 3.

Task table columns: Task, Project, Status, Due.
Exactly these rows:
Read 10 pages | Personal | Incomplete | Tue 29
Walk for 20 minutes | Health | Incomplete | Tue 29
Plan tomorrow | Planning | Incomplete | Tue 29

Secondary column:
A chart titled Completed tasks and labeled Example data.
Mon 28=0, Tue 29=0, Wed 30=0, Thu 1=0,
Fri 2=0, Sat 3=0, Sun 4=0. Do not invent nonzero activity.
A compact calendar for those seven dates; highlight Tue 29.

Place greeting and summaries above the main workspace.
Keep table headings, statuses, and chart labels readable.
No extra records, unsupplied metrics, or mobile device frame.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;All-zero analytics are deliberately supplied fixture values, not real history or forecasts. Check summary totals and labels against the rows.&lt;/p&gt;

&lt;h2&gt;
  
  
  Define the landing surface separately
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Create one static 16:9 desktop landing page for the fictional Today app.
Use warm ivory surfaces, charcoal text, deep-teal accents,
and restrained readable typography.

Headline: Make room for focused work
Primary CTA: Start planning
Include a product preview and exactly three benefit cards:
Stay organized
Focus on what matters
Make real progress

The preview shows Today's three incomplete tasks:
Read 10 pages, Walk for 20 minutes, Plan tomorrow.
Use empty checkboxes, 0 of 3 complete, and 0%.
Keep headline and CTA readable at ordinary browser display size.
Separate the hero, product preview, and benefit cards clearly.
Do not invent customer logos, testimonials, prices, performance statistics,
or working links. No device frame.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Generate individual surfaces for review. A combined presentation allocates fewer pixels to each interface and is not a set of independently full-resolution screen exports.&lt;/p&gt;

&lt;h2&gt;
  
  
  Reject semantic failures before polishing geometry
&lt;/h2&gt;

&lt;p&gt;Review strings, counts, state relationships, and visual placement separately. Zero completion must agree with all three empty boxes and the ring. Confirm the date, four navigation items, and single Add task action.&lt;/p&gt;

&lt;p&gt;Then inspect spacing, clipping, safe margins, contrast, and readability at the intended size. A higher resolution does not repair a wrong state.&lt;/p&gt;

&lt;p&gt;For the second label, select Image to Image or &lt;a href="https://h3max.io/image-to-image/" rel="noopener noreferrer"&gt;test a correction against the stored candidate&lt;/a&gt; with the actual image attached.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Correct only the second task label to Walk for 20 minutes.
Preserve Health · 20 min, the other copy, three empty checkboxes,
0 of 3 complete, 0%, the empty progress ring, Tuesday 29 selection,
layout, colors, four navigation items, and the Add task button.
Do not introduce a completed task or a new card.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The requested scope is not a region lock. Recheck the whole candidate and reject regressions. Use real editable text for persistent copy errors and manual layout reconstruction when counts or geometry remain unstable.&lt;/p&gt;

&lt;p&gt;Keep the accepted JPEG, specification, prompts, and open issues. This is a manual review record, not an automatically executed test suite. Native components, licensed fonts, responsive rules, keyboard navigation, contrast, and actual interactions still need to be built and verified. A static concept is a reference for implementation—not implementation itself.&lt;/p&gt;

</description>
      <category>ai</category>
      <category>design</category>
      <category>openai</category>
      <category>ui</category>
    </item>
    <item>
      <title>GPT IMAGE 2 in practice：Prepare a Transparent PNG through Extraction, Validation, and Delivery</title>
      <dc:creator>朱峰</dc:creator>
      <pubDate>Wed, 30 Sep 2026 21:02:04 +0000</pubDate>
      <link>https://dev.to/vulcanfeynman/gpt-image-2-in-practiceprepare-a-transparent-png-through-extraction-validation-and-delivery-18cb</link>
      <guid>https://dev.to/vulcanfeynman/gpt-image-2-in-practiceprepare-a-transparent-png-through-extraction-validation-and-delivery-18cb</guid>
      <description>&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fd46rf1s6sz1e2l7pv481.webp" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fd46rf1s6sz1e2l7pv481.webp" alt="Teaching cover introducing a foreground asset and the inspection of its cut edges." width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Opaque Codex-generated teaching cover. It is not a H3Max output or a transparent validation asset.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;A transparent-image workflow benefits from explicit acceptance conditions. The input is a source picture. The output is a file whose intended background is transparent and whose foreground still matches that source.&lt;/p&gt;

&lt;p&gt;Neither the filename nor the most recent processing operation establishes acceptance.&lt;/p&gt;

&lt;p&gt;This guide uses a watering can to describe the full workflow: check generation support, derive a cutout when necessary, inspect the exported pixels, repair defects, and validate the delivery derivative. It is a manual procedure, not a claim of automated testing.&lt;/p&gt;

&lt;h2&gt;
  
  
  Define the output conditions
&lt;/h2&gt;

&lt;p&gt;The background outside the can and through its handle must reveal an underlying layer. The body, spout, handle rim, and leaves must remain intact. Edges must work on contrasting backgrounds and at the intended display size.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Image_types" rel="noopener noreferrer"&gt;MDN’s reference for an image file’s transparency capability&lt;/a&gt; distinguishes format support from content: PNG has transparency-capable modes, JPEG does not support alpha, and PNG can still be fully opaque.&lt;/p&gt;

&lt;p&gt;Alpha stores opacity values. A file may have that channel while every background pixel stays opaque. Real transparent pixels also do not prove the foreground is complete.&lt;/p&gt;

&lt;p&gt;Direct transparent generation therefore requires actual workflow support and an alpha-capable output format. A prompt containing “transparent,” a PNG extension, or a checkerboard preview does not prove success.&lt;/p&gt;

&lt;p&gt;If the chosen interface offers only JPEG or lacks confirmed transparency controls, preserve the image and use background removal as postprocessing.&lt;/p&gt;

&lt;h2&gt;
  
  
  Keep an immutable reference for visual decisions
&lt;/h2&gt;

&lt;p&gt;Use the clearest original, not a screenshot of a small preview. Retain an untouched copy and keep the entire subject inside the frame.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fvveqaoeu7mppveebeq2g.webp" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fvveqaoeu7mppveebeq2g.webp" alt="Terracotta-orange watering can on a light-gray background, with a slender left-facing spout, a large handle opening on the right, and green leaves above." width="800" height="533"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Opaque source illustration generated by Codex for teaching. It is not a H3Max extraction result.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;The outer gray and handle opening are background. Shadows on the can and visible interior surfaces may be foreground. Do not classify them purely by brightness.&lt;/p&gt;

&lt;p&gt;The original is the reference for expected shape. A shortened spout in a candidate must not redefine the source geometry.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://h3max.io/transparent-background/" rel="noopener noreferrer"&gt;Derive a foreground candidate through local extraction&lt;/a&gt; in H3Max: select the source, run local background removal, and download the PNG. Store it separately from the original.&lt;/p&gt;

&lt;p&gt;This operation requires no generation prompt and assumes no unverified masks or restore brushes.&lt;/p&gt;

&lt;h2&gt;
  
  
  Validate the saved candidate
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://docs.gimp.org/3.0/en/gimp-using-web-transparency.html" rel="noopener noreferrer"&gt;GIMP’s breakdown of the transparent-export workflow&lt;/a&gt; separates alpha preparation, content deletion, and export. Use the same distinction when reviewing the result.&lt;/p&gt;

&lt;p&gt;Open the actual downloaded PNG above a white layer in an editor. Change only the lower layer to deep navy.&lt;/p&gt;

&lt;p&gt;Both the outside region and the handle opening should reveal the new background. The solid can should remain orange.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fr147gfv77rtxnk89gxb2.webp" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fr147gfv77rtxnk89gxb2.webp" alt="Opaque inspection plate with watering-can previews on light and navy backgrounds and enlarged examples of clean edges, halos, clear holes, and trapped background." width="800" height="533"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Codex-generated instructional comparison, not a H3Max result or an alpha-test file. Its opaque examples explain how to inspect your own PNG.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;A fixed white or gray patch is a failure to investigate. A checkerboard that persists while the lower background changes may be stored picture content. A white preview alone cannot distinguish viewer background from opaque white pixels.&lt;/p&gt;

&lt;p&gt;Keep test backgrounds separate from the exported asset.&lt;/p&gt;

&lt;p&gt;Then compare foreground with the source at 100% zoom. Check the spout to its tip, handle inner rim, leaf tips and gaps, and the body’s perimeter and base. Inspect suspicious areas more closely, then return to the destination size.&lt;/p&gt;

&lt;p&gt;Do not replace natural softness with an unnecessarily hard boundary. The target is faithful extraction, not maximum edge sharpness.&lt;/p&gt;

&lt;h2&gt;
  
  
  Classify failures before repairing
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Failure&lt;/th&gt;
&lt;th&gt;Recovery source and action&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Entire background is opaque&lt;/td&gt;
&lt;td&gt;Confirm the opened file is the actual download. Return to the original and remove the background through a transparent-export workflow if necessary. Renaming is not repair.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Handle opening retains background&lt;/td&gt;
&lt;td&gt;Clear only the residue externally, protecting the rim. Do not substitute white paint.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Foreground detail is missing&lt;/td&gt;
&lt;td&gt;Recover it from the original and refine the selection. Do not invent the lost contour from the candidate.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Pale fringe appears on navy&lt;/td&gt;
&lt;td&gt;Compare with source highlights, identify contamination, and treat the affected edge selectively.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;Manual corrections require an external editor with selection and transparency controls. They are not unverified H3Max interface instructions.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://helpx.adobe.com/photoshop/desktop/make-selections/refine-modify-selections/decrease-fringe-on-selection.html" rel="noopener noreferrer"&gt;Adobe’s edge-pixel treatment for remaining fringe&lt;/a&gt; documents a specified-width operation. Check that it preserves valid foreground color, delicate parts, and legitimate softness.&lt;/p&gt;

&lt;p&gt;Save repairs to a new PNG. Reopen and rerun the background and foreground checks before accepting the version.&lt;/p&gt;

&lt;h2&gt;
  
  
  Validate downstream transformations independently
&lt;/h2&gt;

&lt;p&gt;If the existing dimensions and framing suit the destination, avoid unnecessary changes.&lt;/p&gt;

&lt;p&gt;When extra canvas impedes positioning, &lt;a href="https://h3max.io/crop-image/" rel="noopener noreferrer"&gt;derive a compact canvas after foreground validation&lt;/a&gt;. Keep the full spout, handle, and highest leaves, with room for their soft edges.&lt;/p&gt;

&lt;p&gt;For a specified output size, &lt;a href="https://h3max.io/resize-image/" rel="noopener noreferrer"&gt;derive destination dimensions from the accepted asset&lt;/a&gt;, retaining its proportions.&lt;/p&gt;

&lt;p&gt;Neither transformation should inherit approval automatically. A transparent input does not guarantee a transparent output. Reopen the derivative, test it over white and navy, and inspect it at final size.&lt;/p&gt;

&lt;p&gt;If a solid background appears, restart from the last verified transparent file. Do not repeatedly process a flattened derivative as though it still met the original conditions.&lt;/p&gt;

&lt;h2&gt;
  
  
  Record the file that actually passed
&lt;/h2&gt;

&lt;p&gt;Keep the original, accepted cutout, and delivery copy distinguishable. A brief manual record can note the outgoing filename, dimensions, last transformation, and completed checks. Record only what was actually inspected.&lt;/p&gt;

&lt;p&gt;The final file must have transparent surroundings and handle opening, complete foreground, appropriate edges and dimensions, and no embedded review background.&lt;/p&gt;

&lt;p&gt;This is a file acceptance process, not a format-name check. The useful deliverable is the export that still meets the conditions after the last operation.&lt;/p&gt;

</description>
      <category>ai</category>
      <category>design</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>我造了个子站来纪念刘欢：做这个子站，是因为有些作品早已参与了我的人生</title>
      <dc:creator>朱峰</dc:creator>
      <pubDate>Sun, 27 Sep 2026 09:19:03 +0000</pubDate>
      <link>https://dev.to/vulcanfeynman/wo-zao-liao-ge-zi-zhan-lai-ji-nian-liu-huan-zuo-zhe-ge-zi-zhan-shi-yin-wei-you-xie-zuo-pin-zao-yi-can-yu-liao-wo-de-ren-sheng-434a</link>
      <guid>https://dev.to/vulcanfeynman/wo-zao-liao-ge-zi-zhan-lai-ji-nian-liu-huan-zuo-zhe-ge-zi-zhan-shi-yin-wei-you-xie-zuo-pin-zao-yi-can-yu-liao-wo-de-ren-sheng-434a</guid>
      <description>&lt;h2&gt;
  
  
  一、先做一件真正惦记的事
&lt;/h2&gt;

&lt;p&gt;我造了个子站来纪念刘欢。&lt;/p&gt;

&lt;p&gt;这次动手，不是因为先列出了一张漂亮的功能清单，而是因为有些歌在我的生活里待得太久了。它们让我想到的，不只是演唱者和作品名称，还有我爸、我妈、姥姥家附近的小胡同，以及一些曾经在北京相聚、后来又四散而去的人。&lt;/p&gt;

&lt;p&gt;网站的上线顺序，甚至有点反过来了。&lt;a href="https://wesing.ai/" rel="noopener noreferrer"&gt;为这次建站先行上线的 wesing.ai&lt;/a&gt; 是工具主站，却是为了这个子站才仓促上线的。主站的音乐功能尚未添加，现在不能在上面生成音乐。我想做的工具还没准备周全，自己一直惦记的这件事倒先有了着落。&lt;/p&gt;

&lt;p&gt;在&lt;a href="https://liuhuan.wesing.ai/" rel="noopener noreferrer"&gt;我亲手搭起的刘欢纪念子站&lt;/a&gt;，我收录了现场演出与MV、综艺高光、纪录片和访谈。登录后，可以留下60秒的歌，再留一小段话，共同纪念刘欢和他的作品。&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fq67zyuw4t70b4aifvi9r.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fq67zyuw4t70b4aifvi9r.png" alt="子站中文首屏，留下一段最长60秒的声音和一句话说明。" width="800" height="497"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;我不希望它只有内容，没有听内容的人。把一首歌放在页面上，和知道这首歌为什么被某个人记住，是两件不同的事。前者让我能再听一次，后者让我知道，它曾经怎样经过一个人的生活。&lt;/p&gt;

&lt;p&gt;下面这些，就是我自己的那一部分。&lt;/p&gt;

&lt;h2&gt;
  
  
  二、真正催我动手的，是这些具体得不能再具体的记忆
&lt;/h2&gt;

&lt;p&gt;我爸年轻时候做电视剧制片主任。有部剧叫《第三军团》，讲九十年代高中生的故事，我记得豆瓣8分多，男二是年轻时期的王砚辉。刘欢献唱的主题曲叫《他们我们》。&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;我们都是一步一步跋涉过来/他们也要一步一步奋斗下去/当年我们也像他们现在一样/以后他们是否也像现在我们&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;那时我上小学，对这首歌的感受却不完全跟着剧情走。故事结束，片尾曲响起来，我总觉得里面有一种另外的苍凉意境。小学生讲不清它为什么苍凉，也不懂它和剧情之间那点距离，只是记住了这种不同。&lt;/p&gt;

&lt;p&gt;再往后，音乐在我生活里留下的东西，就十分好笑了。&lt;/p&gt;

&lt;p&gt;1998年下岗潮，北京当时社会上刮起一股彩票风。我爸带我上街买彩票，常见的场地是一大片空旷的黄土地，用铁皮围挡圈住，里面摆着长条桌子，桌上全是彩票。&lt;/p&gt;

&lt;p&gt;在我当年的印象里，北京所有这样的彩票站，大喇叭都只循环放刘欢的《从头再来》。&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;心若在/梦就在/天地之间还有真爱/看成败/人生豪迈/只不过是重头再来&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;我爸听上头了，一直买，一直重头再来。我妈都急了。结果这场不断重来的购买，最后还真的换来了一套家庭组合音响。&lt;/p&gt;

&lt;p&gt;我印象挺深，我爸刮出来的是个黑桃，也不是草花K。&lt;/p&gt;

&lt;p&gt;在刘欢的歌声里，我俩挥舞着彩票冲向领奖台。别人听见这首歌会想到什么，我不知道；我听见的时候，总绕不开我爸那股上头的劲儿、我妈的着急和我们中奖后的兴奋。作品就这样和一件家庭小事绑在一起了。&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F5ls3s3ebj24qqupsrzyq.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F5ls3s3ebj24qqupsrzyq.png" alt="私人音乐记忆意象，AI生成插画，非历史照片。" width="640" height="360"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;播《水浒传》的时候，我五年级，经常住在姥姥家。记忆里的阜成门，那时候还没被国企集团们拥挤占据。春节，我和表弟表妹提着灯笼跑过小胡同，烛光暖融融，影子拖得长长的，一路忽闪。&lt;/p&gt;

&lt;p&gt;表弟每到一集结束，就跟着刘欢唱：&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;大河向东流哇/天上的星星参北斗哇&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;他当时五音不全，不知道现在有没有好些，我们已经多年没有相见了。至于那时候留在记忆里的刘欢，上次又在我眼前鲜活起来，也还是因为《喜人奇妙夜》里的《越狱的夏天》。那个故事真的好，唢呐一响，我掉眼泪了。&lt;/p&gt;

&lt;p&gt;同一段旋律里，既有刘欢的声音，也有表弟的声音。专业和跑调，在我的回忆里并不互相排斥，缺了哪一个都不是当时的样子。&lt;/p&gt;

&lt;p&gt;初中回宁波老家过新年，是另一种电视记忆。按我在老家过年的经验，浙江人睡觉极早，春晚从没有一年能看完，我却总执着于多看几集《西游记后传》。&lt;/p&gt;

&lt;p&gt;剧情现在不记得了，出乎意料地好看这件事记得，打斗粗糙得离谱也记得。对，我心目中伟大作品里粗糙到离谱的两件事，就是《西游记后传》的武打和《天道》的背景音乐。&lt;/p&gt;

&lt;p&gt;《西游记后传》的音乐偏偏很好。刘欢唱：&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;我欲成仙/快乐齐天/变化出神话在风中流传/真心走过/每个瞬间/才能对孩子款款笑谈/我欲成仙/快乐齐天/让自己对得起美丽寓言/天降我在/天地之间/总得有故事让后人看&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;这些是我默写的，已经过去26年，哪里记错了很正常。一部剧留在脑子里的东西，有时就是这么不均匀：情节忘了，音乐还在，连吐槽武打的心情也一起留下来了。&lt;/p&gt;

&lt;p&gt;还有两部作品，我连观看都没完成：《宝莲灯》从没看过，《甄嬛传》也没看完。但《天地在我心》和《凤凰于飞》，在我这里不是简单的好听，而是定义了什么叫高级的好听。&lt;/p&gt;

&lt;p&gt;服气归服气，槽也得吐。他是懒吗？主歌近关系转调之后，直接就是副歌了。哈哈，怎么还能这样，而且还真的可行？这个问题我一直想吐槽。&lt;/p&gt;

&lt;p&gt;可能人家那个创造太结实了吧，懒得有恃无恐。你在这边琢磨他是不是省了一步，人家那首歌已经好好地立在那里了。&lt;/p&gt;

&lt;p&gt;到了《中国好声音》《中国好歌曲》那阵，我已经在国企上班，正好出一个很闲的闲差。那些新面孔带着无比高妙的原创作品扑面而来，我又恰好有充足时间泡在里面，精神世界无比充实幸福。&lt;/p&gt;

&lt;p&gt;那是2010年代。因为音综被选中的歌手和唱作人，从五湖四海汇聚到北京：在百子湾，在北京像素，在欧尚羽毛球馆，在刘欢的战队，还有常石磊的“歌不动听请退群”微信群。&lt;/p&gt;

&lt;p&gt;我高中、大学在金帆团唱了多年的合唱和阿卡贝拉。那个群里很多唱作人都是朋友，我却一次没敢提过申请入群。&lt;/p&gt;

&lt;p&gt;音乐就是这样。不懂时觉得就那样儿，你上你也行；等你懂了，也努力过，听三秒钟，你就知道这人、这作品，自己是不是得跪着听。认识朋友和面对作品，是两回事。&lt;/p&gt;

&lt;p&gt;2018年，我去金韩一的追悼会。北京的歌手圈子已经四散而去，大家为了曾经的回忆，短暂地再次聚在一起，看看那些熟悉的面孔如今是否还好。很多人喝了通宵，吐在酒馆里，睡在马路上。&lt;/p&gt;

&lt;p&gt;杯子碰在一起，都是梦想破碎的声音。&lt;/p&gt;

&lt;p&gt;写到这里，就没必要替回忆加一层好看的滤镜了。精神世界充实幸福是真的，后来的四散和苦涩也是真的。我不愿意只保留其中比较适合展示的那一半。&lt;/p&gt;

&lt;p&gt;今天我的价值观里，竞争获得的零和胜利不值一提，人生的成就全部来自创造。以这个角度看刘欢，他不只唱过，不只写过，还扶持过不知多少有才华的后辈，造过属于几代人的时事。&lt;/p&gt;

&lt;p&gt;有些创造会进入别人的家庭、童年和生活，甚至影响一个人后来怎样理解才华、怎样看待自己。在我心里，这样的创造，此生足矣。&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fp0fbt5tdrt78e18vep02.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fp0fbt5tdrt78e18vep02.png" alt="子站视频区，展示九个现场演出卡片；另有MV、好歌曲、访谈和纪录片分类。" width="800" height="497"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  三、接下来做什么，想先把问题问清楚
&lt;/h2&gt;

&lt;p&gt;这些日子，解释了我为什么愿意先做这个子站。它还不是一个什么都有的产品，也不必为了显得完整，把还没做的事情写成已经实现。&lt;/p&gt;

&lt;p&gt;现在，影像内容和登录后留下60秒的歌、一小段话，是已有的部分。接下来是否需要作品时间线，是否要把同一首歌的不同演出版本集中整理，是否应该让个人故事和歌曲之间有更清楚的联系，我想请大家一起讨论。&lt;/p&gt;

&lt;p&gt;这些都只是建议中的方向。主站音乐功能也尚未添加，不会因为写进一篇文章，就算作已经上线。&lt;/p&gt;

&lt;p&gt;欢迎留言告诉我，你会怎样使用这个地方。你最想找什么，在哪一步容易绕路，什么模块真正值得做？比起一句“再丰富一点”，我更想听一个具体场景，哪怕它只涉及一件很小的事。&lt;/p&gt;

&lt;p&gt;我造了个子站来纪念刘欢，也是想回应自己曾经从作品里得到的东西。先留住这些歌和这些日子，再和愿意来的人一起，把它做得更好。&lt;/p&gt;

</description>
      <category>buildinpublic</category>
      <category>showdev</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Awesome MiniMax H3 Max Prompts — A video prompt as an acceptance checklist</title>
      <dc:creator>朱峰</dc:creator>
      <pubDate>Wed, 16 Sep 2026 09:33:33 +0000</pubDate>
      <link>https://dev.to/vulcanfeynman/awesome-minimax-h3-max-prompts-a-video-prompt-as-an-acceptance-checklist-4ikm</link>
      <guid>https://dev.to/vulcanfeynman/awesome-minimax-h3-max-prompts-a-video-prompt-as-an-acceptance-checklist-4ikm</guid>
      <description>&lt;p&gt;For a parkour brief, I would specify the takeoff, obstacle, landing and camera path separately. The H3 Max collection uses visible decisions like these to make failures easier to describe and revisions easier to isolate.&lt;/p&gt;

&lt;p&gt;A useful technical exercise is to turn a brief into a small acceptance checklist before invoking a model. For a parkour shot, separate takeoff, obstacle clearance, landing and camera position. Then log a failure against one item instead of calling the output generally bad. Store the checklist with the inputs and output. It makes the next prompt edit reviewable, even though nondeterministic generation means the same inputs may not produce identical frames.&lt;/p&gt;

&lt;h2&gt;
  
  
  What we actually collected
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://github.com/VulcanEon/awesome-minimax-h3-max-prompts" rel="noopener noreferrer"&gt;the open-source H3 Max collection&lt;/a&gt; contains 30 cases from 15 public accounts across seven creative categories, with English and Chinese documentation. The categories cover camera movement and action, character performance, animation, short narratives, documentary-style atmosphere, reference continuity, and production workflows. The examples include rooftop combat in the rain, drifting astronauts, clay-style comedy, character showcases, and Blender-based camera previsualization. These are different production questions, so a category should help a reader choose a task rather than imply a ranking of models or creators.&lt;/p&gt;

&lt;h2&gt;
  
  
  Keeping the collection maintainable
&lt;/h2&gt;

&lt;p&gt;The repository stores cases as structured JSON and generates the individual pages and both READMEs from those records. Automated checks cover duplicate cases, required metadata, local references, and stale generated files. That helps preserve attribution when the presentation changes, but a successful check does not validate the creative output. The large-preview layout lets people scan the shots before opening long instructions. There is also &lt;a href="https://h3max.io/minimax-h3-max-prompts/" rel="noopener noreferrer"&gt;the browser-based prompt gallery&lt;/a&gt;, a separate website selection; its contents are not identical to the GitHub collection.&lt;/p&gt;

&lt;h2&gt;
  
  
  Following the evidence
&lt;/h2&gt;

&lt;p&gt;We searched public X posts, inspected creator threads and replies, and looked for disclosed prompts, input materials, and workflow notes. We also reviewed sampled video frames to describe the visible action and composition. Each entry keeps its author and original source. Finding a compelling clip was only the beginning: we tried to separate what the creator actually disclosed from what an editor could reasonably infer. Unknown inputs stay unknown. A missing seed, an undisclosed reference image, or an unclear editing step should not quietly become an invented setting.&lt;/p&gt;

&lt;h2&gt;
  
  
  Three kinds of entry
&lt;/h2&gt;

&lt;p&gt;An adapted prompt draws on instructions the creator made public, with a link to the original wording. A reconstructed prompt proposes an approach based on the visible result; it is not the recovered original. A workflow entry describes a process involving references, previsualization, editing, or related endpoints that cannot be reduced to one text instruction. This classification matters because the same final shot can result from different inputs and repeated attempts. Copying a reconstruction does not establish that the source clip was generated with that text.&lt;/p&gt;

&lt;h2&gt;
  
  
  Describe something a camera can observe
&lt;/h2&gt;

&lt;p&gt;For a parkour scene, a useful brief specifies the starting position, obstacle, takeoff, landing, and camera path. That gives a reviewer several separate checks. If the landing is wrong, change the action description before adding more style words. If the camera crosses the subject, revise its path while keeping the action stable. This is an editing method for making experiments understandable, not a measured claim that every detailed prompt performs better. A short clip also needs enough time for each event to register.&lt;/p&gt;

&lt;h2&gt;
  
  
  A small experiment to keep
&lt;/h2&gt;

&lt;p&gt;Start with one case and prepare the inputs it calls for. Record the model or endpoint, duration, resolution, aspect ratio, prompt, and seed when available. Decide what success means before generating: perhaps the subject stays recognizable, an object remains in the same hand, or the camera reaches a particular final position. Review the result, identify one important mismatch, and change one variable. Keep unsuccessful attempts with their settings. A history of revisions is more useful than a folder containing only the best-looking exports.&lt;/p&gt;

&lt;h2&gt;
  
  
  Match the workflow to the model
&lt;/h2&gt;

&lt;p&gt;H3, H3 Max, and related endpoints must be distinguished. A case using several reference assets or an existing-video editing step should not be treated as proof that every H3 Max interface supports those inputs. The repository includes model-boundary notes for that reason. If you try a brief in &lt;a href="https://h3max.io/ai-video-generator/" rel="noopener noreferrer"&gt;the video creation workspace&lt;/a&gt;, compare the selected model and input mode with the entry first. Parameters in an editorial breakdown are suggested starting points unless the creator explicitly published them; they are not hidden facts recovered from the video.&lt;/p&gt;

&lt;h2&gt;
  
  
  Ownership and the limits of this release
&lt;/h2&gt;

&lt;p&gt;The collection is maintained by &lt;a href="https://h3max.io/" rel="noopener noreferrer"&gt;the independent H3Max project I maintain&lt;/a&gt;. It is a commercial project, and the collection can be read and downloaded independently without a website account. The original repository contributions use MIT; linked creator videos, thumbnails, and source material retain their existing rights. The previews are the creators' outputs, not independent reproductions using our edited prompts. The launch collection is explicitly marked as not independently generation-tested, and sampled-frame inspection does not verify sound or every frame of a finished clip.&lt;/p&gt;

&lt;h2&gt;
  
  
  The contribution I would find most useful
&lt;/h2&gt;

&lt;p&gt;The next improvement is a reproducibility record rather than a larger headline count. A useful contribution would pair a result with its inputs, model, settings, attempt count, revisions, and any editing performed afterward. Failed attempts deserve space too. They can show which constraints were difficult and which changes did not help. If you try one of these entries, a documented comparison or a correction to the source attribution would teach the next reader more than an unqualified claim that the prompt works.&lt;/p&gt;

</description>
      <category>ai</category>
      <category>llm</category>
      <category>productivity</category>
    </item>
    <item>
      <title>Awesome GPT Image 2.5 Prompts — Turn visual expectations into acceptance checks</title>
      <dc:creator>朱峰</dc:creator>
      <pubDate>Tue, 15 Sep 2026 16:04:08 +0000</pubDate>
      <link>https://dev.to/vulcanfeynman/awesome-gpt-image-25-prompts-turn-visual-expectations-into-acceptance-checks-377k</link>
      <guid>https://dev.to/vulcanfeynman/awesome-gpt-image-25-prompts-turn-visual-expectations-into-acceptance-checks-377k</guid>
      <description>&lt;p&gt;&lt;a href="https://github.com/VulcanEon/awesome-gpt-image-2.5-prompts" rel="noopener noreferrer"&gt;Awesome GPT Image 2.5 Prompts&lt;/a&gt; contains 30 visual studies and 20 editing recipes, with English and Chinese notes. Adaptations are not guarantees of reproducing the source pictures. I also maintain &lt;a href="https://gptimage25.ai/" rel="noopener noreferrer"&gt;gptimage25.ai&lt;/a&gt;, the website behind this open-source collection.&lt;/p&gt;

&lt;p&gt;Start with a reference in &lt;a href="https://gptimage25.ai/gpt-image-2-5-prompts" rel="noopener noreferrer"&gt;the visual case collection&lt;/a&gt;; when you have adjusted the brief, try it in &lt;a href="https://gptimage25.ai/gpt-image-2-5-text-to-image" rel="noopener noreferrer"&gt;the image creation tool&lt;/a&gt;. For a product image, “commercial quality” is difficult to debug. Label spelling, bottle shape and fingers covering the brand are concrete checks. I put this kind of review note next to the prompts in my new repository.&lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
