diff --git a/docs/launch/2026-10-v3/README.md b/docs/launch/2026-10-v3/README.md index afb5d0b..e684a1f 100644 --- a/docs/launch/2026-10-v3/README.md +++ b/docs/launch/2026-10-v3/README.md @@ -1,5 +1,9 @@ # Web Design Studio 3.0.0 launch kit +For current LinkedIn/X copy paired with the 36-second Simone film, use the +[November promo pack](../2026-11-promo/README.md). The release notes and +measurements below describe the October launch. + Use this sequence after the release changes pass validation. These files are drafts for the owner to publish, not records of completed posts. Keep the measured evidence and its limits in the copy. No publication or account login is performed by this kit. diff --git a/docs/launch/2026-11-promo/README.md b/docs/launch/2026-11-promo/README.md new file mode 100644 index 0000000..c4540a6 --- /dev/null +++ b/docs/launch/2026-11-promo/README.md @@ -0,0 +1,50 @@ +# November promo pack + +Prepared 7 November 2026 for the current GitHub collection. Use the +[LinkedIn post](linkedin.md) or the [six-post X thread](x-thread.md) with the +36-second Simone voice film. Each file contains only the text to paste; X posts +are separated by `---`. + +## Attach the film + +Use the owner's local master: + +```text +video-launch/output/web-design-studio-launch-simone-variety.mp4 +``` + +It is 36 seconds, 1920×1080 at 30 fps, H.264/AAC, 18,140,251 bytes. The identical +copy in `assets/promo-linkedin/` is also suitable. Attach it as a native video to +the LinkedIn post or first X post. The film includes burned-in captions; its +matching SRT is `video-launch/heygen-simone/captions.srt`. + +These are owner-local production files. They are not included in a normal clone; +the public link to the earlier archived film is a different edit. The master and +SRT above were checked in the owner's checkout on 7 November. Recorded production +checks cover all 1,080 frames and unchanged approved audio; a fresh full decode +also passed on 5 November. + +## Claims and destinations + +- The collection contains `launch-page-strategy`, `cinematic-scroll` and + `scroll-audit`; their contracts are in `skills/`. +- The film combines existing website examples, browser captures and an illustrated + brief-to-build workflow. It supports showing the work and its range. +- The exploratory three-build comparison on one brief found no correctness + advantage for the skill. See [the evidence and its limits](../../skill-advantage/README.md). + Features and example checks do not establish better output than a strong prompt. +- The install command in the posts reads the GitHub collection. npm and GitHub + releases have their own publication cycle; these posts announce the project. +- The showcase, canonical repository and public evidence links were checked on + 7 November 2026. + +The [October release kit](../2026-10-v3/README.md) retains its historical release +notes and measurements. This pack is the current social copy. + +## Publication record + +Add actual post URLs here after publication. Prepared drafts are not evidence that +anything has been posted. + +- LinkedIn: pending +- X thread: pending diff --git a/docs/launch/2026-11-promo/linkedin.md b/docs/launch/2026-11-promo/linkedin.md new file mode 100644 index 0000000..5408c63 --- /dev/null +++ b/docs/launch/2026-11-promo/linkedin.md @@ -0,0 +1,27 @@ +A product story should look and move like the product it explains. + +I built Web Design Studio to give coding agents a reusable process for that work: understand the brief, shape the art direction, build a meaningful interaction, then inspect the result in the browser. + +Three free, open-source skills: + +- launch-page-strategy plans what a page should say, prove and ask visitors to do. +- cinematic-scroll builds the website around your brand, content and existing stack. +- scroll-audit reviews an existing page and prioritises improvements. + +The film combines real website examples, browser captures and an illustrated workflow: cinematic scroll, interactive depth, real-time 3D, plus desktop, mobile and reduced-motion views. + +Install the collection: +npx skills add MustBeSimo/web-design-studio + +Explore the examples: +https://mustbesimo.github.io/web-design-studio/ + +Source, free under the MIT licence: +https://github.com/MustBeSimo/web-design-studio + +Evidence and limitations: +https://mustbesimo.github.io/web-design-studio/docs/skill-advantage/README.md + +Try it with your own brief. I'd like to hear what worked and what needed a repair. + +#WebDesign #CreativeCoding #FrontendDevelopment #OpenSource diff --git a/docs/launch/2026-11-promo/x-thread.md b/docs/launch/2026-11-promo/x-thread.md new file mode 100644 index 0000000..671e571 --- /dev/null +++ b/docs/launch/2026-11-promo/x-thread.md @@ -0,0 +1,48 @@ +1/6 A product story should look and move like the product it explains. + +I built Web Design Studio: three free, open-source skills for coding agents, from the page's story to its motion and browser review. + +Here's the 36-second film. + +--- + +2/6 Plan with launch-page-strategy. + +Choose what the page should say, prove and ask visitors to do. + +Try: "Use launch-page-strategy to plan my waitlist page. Choose one action and write a story brief. Do not invent proof." + +--- + +3/6 Build with cinematic-scroll. + +Your brand, content and existing stack shape the result. + +Try: "Use cinematic-scroll to build a product story with one scroll reveal. Keep my brand and copy. Verify mobile and reduced-motion states." + +--- + +4/6 Review with scroll-audit. + +Try: "Use scroll-audit to review my site's scroll experience. Score pacing, performance, accessibility and emotional arc. Write a remediation plan with the highest-impact fix first." + +--- + +5/6 The film combines existing examples, real browser captures and an illustrated workflow. + +Our small comparison on one brief found no correctness advantage. Method and limits: +https://mustbesimo.github.io/web-design-studio/docs/skill-advantage/README.md + +--- + +6/6 Install all three: + +npx skills add MustBeSimo/web-design-studio + +Explore the live examples: +https://mustbesimo.github.io/web-design-studio/ + +Free and MIT-licensed: +https://github.com/MustBeSimo/web-design-studio + +Try your own brief and share what worked or failed.