Question 1

`hyperframes` npmパッケージからインポートする際に`render`エクスポートが見つからない問題を修正するにはどうすればよいですか？

Accepted Answer

`hyperframes` パッケージ（v0.8.78）は CLI 専用であり、`render()` 関数をエクスポートしておらず、`frames: [...]` 配列も受け付けません。代わりに CLI を使用してください:

```bash
npx hyperframes init my-video
cd my-video
npx hyperframes preview
npx hyperframes render -o output.mp4
```

既存のコンポジションをレンダリングするには:

```bash
npx hyperframes render -c ./my-composition.html -o output.mp4
```

プログラムによるレンダリングを行うには、別パッケージの `@hyperframes/producer` をインストールしてください:

```bash
npm install @hyperframes/producer
```

次に、`createRenderJob()` と `executeRenderJob()` を使用します:

```typescript
import { createRenderJob, executeRenderJob } from "@hyperframes/producer";

const job = createRenderJob({
  inputPath: "./my-composition.html",
  outputPath: "./output.mp4",
  width: 1080,
  height: 1920,
  fps: 30,
});

await executeRenderJob(job, (progress) => console.log(progress.percent));
```

このモデルは、フレームオブジェクトの配列ではなく、1 回のレンダリングにつき 1 つの HTML コンポジションファイルを使用する方式です。必要要件は Node.js 22 以上と FFmpeg です。0.x の CLI は頻繁に変更されるため、最新のコンポジションフォーマットについては `npx hyperframes docs` を実行してください。

Question 2

creative-review-template.html の shape-error によるクラッシュ、不完全なタブの ARIA、ハードコードされた likes を修正するにはどうすればよいですか？

Accepted Answer

`ad-creative` スキルをバージョン 2.11.17 にアップグレードまたはリピンし直してください。このバージョンには issue #592 をクローズする PR が含まれています。`skills/ad-creative/assets/creative-review-template.html` を手動でパッチする場合は、以下の修正を適用してください： 1. `JSON.parse` の直後、`renderAll()` が実行される前に JSON の形状を検証してください： ```js function fail(msg) { document.querySelector(".wrap").innerHTML = '

Invalid review data.
' + esc(msg) + '

'; throw new Error(msg); } if (!Array.isArray(DATA.concepts) || !DATA.concepts.length) { fail("DATA.concepts must be a non-empty array"); } DATA.concepts.forEach((c, i) => { if (!Array.isArray(c.frames) || !c.frames.length) { fail(`concepts[${i}].frames must be a non-empty array`); } }); ``` これにより、`renderConcepts()` が無効なデータに対して `c.frames.length` を読み取り、ヘッダーだけが表示された状態になるのを防ぎます。 2. コンセプト切り替えの ARIA を修正してください。`aria-controls`、関連付けられた `role="tabpanel"` 要素、矢印キーナビゲーションを備えた完全なタブパターンを実装するか、`role="tablist"`、`role="tab"`、`aria-selected` を削除してシンプルなトグルボタンを使用してください： ```html ``` アクティブなコンセプトには `aria-pressed="true"` を設定してください。 3. 架空の Instagram エンゲージメント数を削除し、データ駆動にしてください： ```js

${c.likes ? esc(c.likes) + " likes" : ""}

``` `c.likes` が存在しない場合、likes の行は完全に省略されるため、捏造された統計情報を回避できます。

Question 3

npxやClaude Codeを使わずに、claude.aiでClaudeスキルをインストールするにはどうすればよいですか？

Accepted Answer

プロジェクトの GitHub Releases ページからスキルごとの ZIP アセットをダウンロードしてください。ソースコードの ZIP は使用しないでください。claude.ai の Web またはデスクトップで、Settings → Capabilities → Skills に移動し、ダウンロードした ZIP をアップロードしてから、スキルを有効にします。リリースワークフローは、スキルごとに 1 つの ZIP を添付します。これは固定されたコミットからビルドされ、スキルのリファレンス、スクリプト、アセット、ライセンスが含まれています。

marketingskills

概要

README プレビュー

FAQ (3)

同类型项目

rust

ponytail

agency-agents

obsidian-skills