Ejecuta cualquier Skill en Manus
con un clic

Ejecuta cualquier Skill en Manus con un clic

sync-website

Estrellas4

Forks0

Actualizado22 de junio de 2026 a las 11:29

Reconcile the marketing landing (the Astro site in web/site) with the repo: the package list and lesson gallery (data-driven via web/site/src/data/content.json + site.ts), the section copy and links, the design brief (web/site/website-structure.md), and gallery clips (web/site/public/media). Use after adding or changing an example/lesson, after a package is added/renamed/removed, after a canonical link or copy change, or after any change the public site at fluvie.dev should reflect.

Instalación

Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.

Ejecutar en Manus

Fuente

SimonErich

SimonErich/fluvie

Abrir repositorio de GitHub Ver repositorios del creador

Descarga

Ejecutar en Manus

Ocupaciones relacionadasSOC

Basado en la clasificación ocupacional SOC

Desarrolladores webOcupaciones informáticas y matemáticas·SOC 15-1254

SKILL.md

readonly

name

sync-website

description

sync-website

The landing at fluvie.dev is an Astro project in web/site (sections under src/components/, composed in src/pages/index.astro). The package list and the lesson gallery are derived from the source tree at build time by src/data/site.ts, so they cannot silently drift: npm run build fails if the curated copy in src/data/content.json and the on-disk packages and lessons disagree. Edit the components for copy and sections; edit content.json for the data-driven regions. The full reference is web/site/MAINTAINING.md; this skill is the editorial walkthrough behind it.

Obey the voice rules everywhere: short sentences, second person, no em-dashes, none of the banned words (seamless, robust, leverage, powerful as filler, effortless, blazing, unleash).

Steps

Diff the world against the page. Run npm run build in web/site: src/data/site.ts fails the build if any published packages/* or any example/lib/lessons/NN_*.dart has no entry in content.json, or if content.json lists one that no longer exists. Then check the copy, the getting-started flow, and the canonical links by eye in src/components/.
Update the gallery. Reel.astro renders the gallery from the lessons in src/data/content.json (key, title, teaches, category, clip). For a new or changed lesson, edit its entry. Add a filter button to Reel.astro only if the category is new. Keep the wording aligned with website-structure.md.
Optional, embed a real clip. Tiles show gradient posters by default. To show real footage: register the key in pubspec.yaml render:examples AND in the KEYS array of tool/web/regenerate_gallery.sh, run melos run web:gallery (Flutter plus ffmpeg) to render and encode web/site/public/media/<key>.{mp4,webm,poster.webp,gif} (or --encode-only to re-encode), wire the clip into Reel.astro/landing.ts, and mark the lesson clip: true. Regenerate all affected media on ONE machine in one pass (ffmpeg bytes differ across machines).
Update the package list. Crew.astro renders from the packages in content.json (key, role, one-line line, icon, and primary/badge only for fluvie). Add, rename, or drop the entry to match disk; the build fails until the curated set matches.
Reconcile the design brief. Mirror any structural change into web/site/website-structure.md (sections, hierarchy, motion, microinteractions, hover and focus, accessibility). The brief carries no colors or fonts; do not add any. If the page gained a section, the brief gains its description.
Accessibility and reduced motion. Confirm keyboard reachability, visible focus, contrast, and prefers-reduced-motion handling on every clip. No gratuitous motion. Every clip is captioned.
Update MAINTAINING.md if the process itself changed (a new asset type, a new data field, a new script knob).
Verify the built artifact. npm run build then npm run preview in web/site, open the preview URL, click through the gallery, and check the links resolve.
Commit. Land the component edits, content.json, any regenerated web/site/public/media/ assets, the regenerate_gallery.sh/pubspec.yaml key edits, and the brief together, so the diff is coherent. The website workflow deploys fluvie.dev on push to main. Use a human-like commit message with no AI trailer (per repo policy), for example docs(web): add lesson NN tile and refresh the gallery.

The content entries

Add a lesson or a package by editing src/data/content.json, not by hand-writing HTML: Crew.astro and Reel.astro render from the data, and site.ts checks it against the source tree.

{
  "packages": [
    { "key": "fluvie", "role": "<role>", "line": "<one line>",
      "icon": "<svg>", "primary": true }
  ],
  "lessons": [
    { "key": "NN", "title": "<Title>", "teaches": "<one sentence>",
      "category": "basics", "clip": false }
  ]
}

Re-encode media with tool/web/regenerate_gallery.sh --encode-only (ffmpeg only). Re-render the source with melos run web:gallery (Flutter plus ffmpeg) only when the lesson code changed. Full process: web/site/MAINTAINING.md.

Más de este repositorio

mismo repositorio

golden-frame

SimonErich/fluvie

Render a Fluvie scene at one or more frames and snapshot it deterministically via Alchemist (fixed fps, bundled fonts, fixed seed). Use to add or update golden-frame tests for any widget, animation, or effect.

2026-06-144

new-animation-preset

SimonErich/fluvie

Add a Fluvie animation preset as thin sugar over Animation.from/to/keyframes (never new animation logic), with an Alchemist golden. Use when adding a named preset like slideFade, pop, blurIn, kenBurns.

2026-06-144

new-element

SimonErich/fluvie

Scaffold a new Fluvie element widget consistently — file, public type, dartdoc, .animate() compatibility, Alchemist golden test (written first, red), barrel export, and lesson entry (extend the matching example/lib/lessons/NN_*.dart, or 12_the_kitchen_sink). Use when adding any widget under packages/fluvie/lib/src/elements/.

2026-06-144

new-service

SimonErich/fluvie

Scaffold a Fluvie service the house way — abstract contract, implementation, Riverpod provider, in-memory fake, and unit test. Use when adding any service/repository (media, encoding, capture, beat detection, snapshot, ...).

2026-06-144

name

sync-website

description

sync-website

Obey the voice rules everywhere: short sentences, second person, no em-dashes, none of the banned words (seamless, robust, leverage, powerful as filler, effortless, blazing, unleash).

Steps

Diff the world against the page. Run npm run build in web/site: src/data/site.ts fails the build if any published packages/* or any example/lib/lessons/NN_*.dart has no entry in content.json, or if content.json lists one that no longer exists. Then check the copy, the getting-started flow, and the canonical links by eye in src/components/.
Update the gallery. Reel.astro renders the gallery from the lessons in src/data/content.json (key, title, teaches, category, clip). For a new or changed lesson, edit its entry. Add a filter button to Reel.astro only if the category is new. Keep the wording aligned with website-structure.md.
Optional, embed a real clip. Tiles show gradient posters by default. To show real footage: register the key in pubspec.yaml render:examples AND in the KEYS array of tool/web/regenerate_gallery.sh, run melos run web:gallery (Flutter plus ffmpeg) to render and encode web/site/public/media/<key>.{mp4,webm,poster.webp,gif} (or --encode-only to re-encode), wire the clip into Reel.astro/landing.ts, and mark the lesson clip: true. Regenerate all affected media on ONE machine in one pass (ffmpeg bytes differ across machines).
Update the package list. Crew.astro renders from the packages in content.json (key, role, one-line line, icon, and primary/badge only for fluvie). Add, rename, or drop the entry to match disk; the build fails until the curated set matches.
Reconcile the design brief. Mirror any structural change into web/site/website-structure.md (sections, hierarchy, motion, microinteractions, hover and focus, accessibility). The brief carries no colors or fonts; do not add any. If the page gained a section, the brief gains its description.
Accessibility and reduced motion. Confirm keyboard reachability, visible focus, contrast, and prefers-reduced-motion handling on every clip. No gratuitous motion. Every clip is captioned.
Update MAINTAINING.md if the process itself changed (a new asset type, a new data field, a new script knob).
Verify the built artifact. npm run build then npm run preview in web/site, open the preview URL, click through the gallery, and check the links resolve.
Commit. Land the component edits, content.json, any regenerated web/site/public/media/ assets, the regenerate_gallery.sh/pubspec.yaml key edits, and the brief together, so the diff is coherent. The website workflow deploys fluvie.dev on push to main. Use a human-like commit message with no AI trailer (per repo policy), for example docs(web): add lesson NN tile and refresh the gallery.

The content entries

Add a lesson or a package by editing src/data/content.json, not by hand-writing HTML: Crew.astro and Reel.astro render from the data, and site.ts checks it against the source tree.

{
  "packages": [
    { "key": "fluvie", "role": "<role>", "line": "<one line>",
      "icon": "<svg>", "primary": true }
  ],
  "lessons": [
    { "key": "NN", "title": "<Title>", "teaches": "<one sentence>",
      "category": "basics", "clip": false }
  ]
}

Re-encode media with tool/web/regenerate_gallery.sh --encode-only (ffmpeg only). Re-render the source with melos run web:gallery (Flutter plus ffmpeg) only when the lesson code changed. Full process: web/site/MAINTAINING.md.