Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions docs/launch/2026-10-v3/README.md
Original file line number Diff line number Diff line change
@@ -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.
Expand Down
50 changes: 50 additions & 0 deletions docs/launch/2026-11-promo/README.md
Original file line number Diff line number Diff line change
@@ -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
27 changes: 27 additions & 0 deletions docs/launch/2026-11-promo/linkedin.md
Original file line number Diff line number Diff line change
@@ -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
48 changes: 48 additions & 0 deletions docs/launch/2026-11-promo/x-thread.md
Original file line number Diff line number Diff line change
@@ -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.
Loading