ワンクリックでManusで任意のスキルを実行

golden-frame

スター4

フォーク0

更新日2026年6月14日 08:12

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.

インストール

Codex または Claude でインストールこの Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。

Manusで実行

ソース

SimonErich

SimonErich/fluvie

GitHub リポジトリを開く Creator のリポジトリを見る

ダウンロード

Manusで実行

golden-frame

Golden tests must be byte-identical across machines, so they pin everything that could vary: fps, fonts, seed, and device-pixel-ratio. Goldens run through Alchemist (configured in each package's test/flutter_test_config.dart):

ci goldens (test/goldens/ci/, Ahem font) run and compare everywhere; they protect geometry/layout.
platform goldens (test/goldens/linux/, real bundled fonts) run on Linux only (the baseline platform) and protect real rendering.

Steps

Write the failing golden test first. Use Alchemist's goldenTest with a GoldenTestGroup/GoldenTestScenario per state. Tests are auto-tagged golden (declared in dart_test.yaml; excluded from plain melos run test).
Pick representative frames — for an enter/exit animation, 0%, 50%, 100% of its window; for continuous motion, a few phase points; for effects, fixed params. Drive the frame through the harness (fixed fps, fixed seed), never wall-clock.
Name by state: fileName: 'fade_in', scenarios at_0, at_50, at_100.
Generate with flutter test --update-goldens --tags golden, then review the PNGs — a golden is only correct once a human confirmed it.
Determinism check where relevant — capture the same frame twice and assert identical bytes (no flakiness).
Gate — CI=true melos run gate + melos run test:goldens green; commit the goldens with the feature.

Template

import 'package:alchemist/alchemist.dart';
import 'package:fluvie/fluvie.dart';

Future<void> main() async {
  await goldenTest(
    'fadeIn renders correctly across its window',
    fileName: 'fade_in',
    builder: () => GoldenTestGroup(
      children: [
        for (final (name, frame) in [('at_0', 0), ('at_50', 30), ('at_100', 60)])
          GoldenTestScenario(
            name: name,
            child: pumpFrameFixture(frame: frame, child: /* composition */),
          ),
      ],
    ),
  );
}

The pumpFrameFixture helper (the shared golden harness in test/) pins fps, seed, fonts, and DPR so the frame is byte-stable.

このリポジトリの他の Skills

同じリポジトリ

sync-website

SimonErich/fluvie

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.

2026-06-224

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

golden-frame

ci goldens (test/goldens/ci/, Ahem font) run and compare everywhere; they protect geometry/layout.

platform goldens (test/goldens/linux/, real bundled fonts) run on Linux only (the baseline platform) and protect real rendering.

Steps

Write the failing golden test first. Use Alchemist's goldenTest with a GoldenTestGroup/GoldenTestScenario per state. Tests are auto-tagged golden (declared in dart_test.yaml; excluded from plain melos run test).

Pick representative frames — for an enter/exit animation, 0%, 50%, 100% of its window; for continuous motion, a few phase points; for effects, fixed params. Drive the frame through the harness (fixed fps, fixed seed), never wall-clock.

Name by state: fileName: 'fade_in', scenarios at_0, at_50, at_100.

Generate with flutter test --update-goldens --tags golden, then review the PNGs — a golden is only correct once a human confirmed it.

Determinism check where relevant — capture the same frame twice and assert identical bytes (no flakiness).

Gate — CI=true melos run gate + melos run test:goldens green; commit the goldens with the feature.

Template

import 'package:alchemist/alchemist.dart'; import 'package:fluvie/fluvie.dart'; Future<void> main() async { await goldenTest( 'fadeIn renders correctly across its window', fileName: 'fade_in', builder: () => GoldenTestGroup( children: [ for (final (name, frame) in [('at_0', 0), ('at_50', 30), ('at_100', 60)]) GoldenTestScenario( name: name, child: pumpFrameFixture(frame: frame, child: /* composition */), ), ], ), ); }

The pumpFrameFixture helper (the shared golden harness in test/) pins fps, seed, fonts, and DPR so the frame is byte-stable.

name	golden-frame
description	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.