Agent skill

Render Apple Notes Chat

by gooseworks-ai in gooseworks-ai/goose-skills

Assemble an Apple Notes list video ad from a note + end-card JSON — a frame-accurate fake iPhone screen recording of a short list being typed into Apple Notes (character by character, key pops…

MITAuto-check passedMedia & Creative

Install Render Apple Notes Chat

skills CLI
$ npx skills add gooseworks-ai/goose-skills --skill render-apple-notes-chat -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install gooseworks-ai/goose-skills render-apple-notes-chat --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/gooseworks-ai/goose-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/ads/capabilities/render-apple-notes-chat .claude/skills/render-apple-notes-chat && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
render-apple-notes-chat
GitHub stars
1.2k
Token cost
~1.6k tokens
SKILL.md length
775 words
Files
13 (incl. scripts)
Skills in repo
273
Repo updated
First seen
Licence
MIT

At a glance

Assemble an Apple Notes list video ad from a note + end-card JSON — a frame-accurate fake iPhone screen recording of a short list being typed into Apple Notes (character by character, key pops…

  • Works in 3 steps: The note (record-notes.js) — one PNG per… → The end card (render-end-card.js) — a… → The master (stitch.sh) — ~0.3 s…
  • The apple-notes format
  • SKILL.md covers Choices, What it renders, Run and Config, plus 3 more sections
  • Runs JavaScript and Shell scripts from its folder; calls node, npm and npx

What it does

Render Apple Notes Chat is an agent skill from gooseworks-ai/goose-skills. Assemble an Apple Notes list video ad from a note + end-card JSON — a frame-accurate fake iPhone screen recording of a short list being typed into Apple Notes (character by character, key pops, blinking caret, the note scrolling up as it fills) crossfaded into a checklist end card (the note's picks as ticked rows, real product photos, logo, CTA, in the brand's colours and fonts), with an optional music bed. FREE assembly (Playwright + ffmpeg); the recipe supplies the per-brand note + end card and gates the paid…

Its SKILL.md is about 1.6k tokens, which your agent loads only when the skill is triggered. The skill folder holds 16 other files, including scripts (for example `scripts/config.example.json`, `scripts/mockup/generate.js` and `scripts/mockup/templates/icons.js`).

It sits in Media & Creative, covering Messaging and chat bots, Video production and Browser testing. It works with OpenAI, FFmpeg and Playwright. The repository describes itself as: Library of Growth & GTM skills + data APIs for Claude Code, Codex, Cursor to run ads, social, content, lead gen, seo and data scraping. The licence is MIT.

When your agent uses it

  • The apple-notes format
  • Tasks that involve Messaging and chat bots
  • Tasks that involve Video production

Example prompts

  • “s picks as ticked rows, real product photos, logo, CTA, in the brand”
  • “/render-apple-notes-chat”

Requirements

  • Node.js
  • A Bash shell

Workflow steps

3 steps, taken from the first numbered list in SKILL.md.

  1. The note (record-notes.js) — one PNG per visual state, each held for its own
  2. The end card (render-end-card.js) — a paper card slides and tilts in over the
  3. The master (stitch.sh) — ~0.3 s crossfade into the end card, music faded in and

What it can do on your machine

Read from SKILL.md and the folder at commit c650c6d. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships 10 files in scripts/ (JavaScript and Shell), which the agent can run.

    Shell commands in SKILL.md call:

    • node
    • npm
    • npx
    • bash

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use npm and npx, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Render Apple Notes Chat loads about 1.6k tokens when it runs. Until then it costs about 170 tokens; SKILL.md has 775 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~170
When it runs · the whole SKILL.md, loaded when a task matches
~1.6k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.

SKILL.md

The full file from gooseworks-ai/goose-skills at commit c650c6d, republished under its MIT licence (© gooseworks-ai). 775 words, ~1,616 tokens.

Download SKILL.mdSave it as .claude/skills/render-apple-notes-chat/SKILL.md (or your agent's skills folder). This skill also uses 12 other files; get the full folder from GitHub.
name
render-apple-notes-chat
description
Assemble an Apple Notes list video ad from a note + end-card JSON — a frame-accurate fake iPhone screen recording of a short list being typed into Apple Notes (character by character, key pops, blinking caret, the note scrolling up as it fills) crossfaded into a checklist end card (the note's picks as ticked rows, real product photos, logo, CTA, in the brand's colours and fonts), with an optional music bed. FREE assembly (Playwright + ffmpeg); the recipe supplies the per-brand note + end card and gates the paid music call to its own capability. The Apple Notes sibling of render-imessage-chat and render-chatgpt-chat. Use for the apple-notes format.
status
superseded
superseded_by
phone-chat@1.1.4

Superseded: the video kit now does this with the phone-chat part, version 1.1.4, in the parts folder of this repository. Every phone-chat style is a style file that draws the same screen frame by frame from the plan's scenes, with the original sounds, in the kit's browser. This atom stays, unchanged in behaviour, for skills outside the kit until they move; its scripts still run.

render-apple-notes-chat

The free renderer for the apple-notes video ad format: someone types a short, honest list into Apple Notes ("my chai cheat sheet", "chai for every mood") and every line points to a real product. It ends on a checklist end card with the products and the CTA. Deterministic Playwright + ffmpeg; no generative video of the UI, so every typed character stays pixel-crisp.

Siblings: render-imessage-chat (a peer's reply is the punchline) and render-chatgpt-chat (an AI answer is the punchline). Reach for this one when the creative is a list someone keeps for themselves.

Choices

The recipe asks these before any paid step; this renderer only draws what the config says.

  • list_angle — what the list is (a "which one should I get" cheat sheet, one pick per personality, one per mood or moment, a routine, a gift guide). Sets note.title, note.lines and end_card.head1/head2.
  • voice — how the writer types (lowercase and casual, tidy, deadpan). Sets the wording and capitalisation of note.lines.
  • clock — the time on the status bar (a 2 AM list reads differently from a 9 AM one). Sets note.status_bar.time.
  • music — the bed passed to stitch.sh --music, or none (silent).

Brand facts (logo, colours, fonts, product photos, CTA, claims) come from the brand kit.

What it renders

  1. The note (record-notes.js) — one PNG per visual state, each held for its own duration, concatenated into a 1080×1920 30fps MP4:
    • the note opens on its title with a blinking caret and the keyboard up;
    • each line types character by character at type_seconds, with a key pop on every letter, a darker space/return key, and a human rhythm (slower after spaces and punctuation);
    • between lines: return key, then pre_pause_seconds of blinking "thinking";
    • the note eases up so the caret never goes under the keyboard;
    • it ends on post_hold_seconds of the finished list.
  2. The end card (render-end-card.js) — a paper card slides and tilts in over the brand colour; the heading has a hand-drawn underline; each row's check draws in turn. Real product cut-outs sit above the rows; the logo (or a wordmark) and CTA pill sit below.
  3. The master (stitch.sh) — ~0.3 s crossfade into the end card, music faded in and out and normalised to −14 LUFS (peaks ≤ −1.5 dBFS). No music → silent master.

Run

bash
cd scripts && npm install            # once — installs Playwright
npx playwright install chromium      # once
node record-notes.js    --config config.json --out-dir <work> --still-only   # free review stills
node record-notes.js    --config config.json --out-dir <work>                # → notes.mp4
node render-end-card.js --config config.json --out-dir <work>                # → endcard.png + endcard.mp4
bash stitch.sh --notes <work>/notes.mp4 --end <work>/endcard.mp4 \
     --out <work>/master.mp4 [--music <work>/music-bed.mp3]

--still-only writes note-hook.png (the opening frame) and note-still.png (the finished list) for the review, without recording the video.

Show full SKILL.md (320 more words)Show less

Config

See scripts/config.example.json. Two blocks:

BlockFields
notetitle, lines[] (text, type_seconds, pre_pause_seconds), post_hold_seconds, status_bar (time, battery_pct), keyboard_state
end_cardhead1, head2, underline (a word in head2), rows[] (label, value; max 4), products[] (src, h = height %, wide), logo (file) or wordmark, cta, fine_print, theme (bg, bg2, paper, ink, accent, label), fonts (heading, label — Google Fonts family names), seconds

Image paths are resolved relative to the config file. Pacing that reads well: ~1.6–2.8 s per line (about 18 characters a second), 1.0 s before the first line, 0.55 s between lines, 0.9 s before the last line.

Contract

  • FREE: Playwright frame capture + ffmpeg. No model draws text: the note, the end-card copy and the logo are real HTML and real files.
  • record-notes.js refuses a line with an em or en dash (people don't type them in Notes) or over 80 characters.
  • render-end-card.js refuses an end card with no rows or no logo/wordmark, and fails if the chosen fonts don't load.
  • The Apple Notes chat body is the bundled create-apple-notes-mockup generator (scripts/mockup/), so this runs standalone with no sibling fetch.
  • Requires ffmpeg/ffprobe on PATH, Node 18+, and Playwright Chromium.

Gaps

  • The phone UI uses the system font stack (-apple-system, SF Pro). It's exact on macOS; on Linux/Windows it falls back to the nearest sans.
  • No typing sound effects: Notes is silent, and the chai test ads shipped with music only.
  • Product photos must be clean cut-outs (transparent PNG). The recipe decides what to do when a product has none; this renderer only places what it's given.

Self-QC (always /watch the master)

  • The caret never sits under the keyboard; the note scrolls smoothly, never jumps.
  • Every line is fully typed before the next return; no text is cut off.
  • The end card: every check draws, nothing overlaps the logo or CTA, fonts are the brand's (not a fallback), the pad under the card matches theme.bg.
  • Audio (if any) fades in and out; no clipping.

© gooseworks-ai, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 12 other files (scripts) in skills/ads/capabilities/render-apple-notes-chat of gooseworks-ai/goose-skills.

  • SKILL.md
  • scripts/config.example.json
  • scripts/end-card.template.html
  • scripts/mockup/generate.js
  • scripts/mockup/templates/icons.js
  • scripts/mockup/templates/note.css
  • scripts/package-lock.json
  • scripts/package.json
  • scripts/record-notes.js
  • scripts/render-end-card.js
  • scripts/stitch.sh
  • skill.meta.json
  • tests/smoke-test.md

Open the folder on GitHubat commit c650c6d

Compare with similar skills

Render Apple Notes Chat next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Render Apple Notes Chat compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Render Apple Notes Chat this skillgooseworks-ai/goose-skills1.2k—~1.6kAutomated safety check: PassMIT
Cs Code VideoChenShuo2004/cs-skills194—~2.1kAutomated safety check: PassMIT
Character Animation QAcalesthio/OpenMontage66k—~389Automated safety check: PassMIT
Browser Video Recordingnirholas/three.ws2281 repos~1.5kAutomated safety check: PassApache-2.0
Demo Videoalinaqi/maggy707—~1.4kAutomated safety check: PassMIT
Sprint Summaryshopsys/shopsys350—~6.4kAutomated safety check: PassCustom licence

Similar skills

  • Cs Code Video

    ChenShuo2004/cs-skills

    用代码做动画视频:页面暴露 render(t),Playwright 逐帧截图 + FFmpeg 合成 mp4,可接合成配乐、出图和配音。通用模式先明确主题、规格、风格和声音,出风格卡、分镜与关键帧后逐镜制作;Vibe知识大赏模式额外查证来源、记录真实素材许可、先渲 10 秒样片。触发词包括…

    194 GitHub stars~2.1k tokensUpdated yesterday
    Media & CreativeAuto-check passed
  • Character Animation QA

    calesthio/OpenMontage

    Review local character animation with schema checks, Playwright browser previews, frame sampling, and FFmpeg/ffprobe final output checks.

    66k GitHub stars~389 tokensUpdated 6 days ago
    Media & CreativeAuto-check passed
  • Browser Video Recording

    nirholas/three.ws

    Create polished 60 fps 4:3 4K browser screen-recording style videos from Codex in-app browser captures, with browser-only crop, natural macOS cursor styling, deliberate click choreography…

    228 GitHub starsUsed in 1 repo~1.5k tokens
    Media & CreativeAuto-check passed
  • Demo Video

    alinaqi/maggy

    Record captioned product walkthrough videos of any web app with Playwright + ffmpeg — proof videos for stakeholders, feature demos, bug-fix evidence

    707 GitHub stars~1.4k tokensUpdated 15 days ago
    Media & CreativeAuto-check passed
  • Sprint Summary

    shopsys/shopsys

    Generates a Czech sprint summary article from Jira sprint data (Jira MCP first, CSV fallback), publishes it to Confluence with embedded screenshots and MP4 clips, and records the clips with…

    350 GitHub stars~6.4k tokensUpdated today
    Media & CreativeAuto-check passed
  • Whiteboard Video

    trustfuture/simon-skills

    手绘白板风"边画边讲"讲解视频出片 skill(Excalidraw 风格逐笔动画 + 火山引擎配音 + 烧录字幕 + 品牌水印与片尾卡 + 横竖两张封面 + 各平台发布文案)。当用户说"做一期白板视频 / 边画边讲 / 手绘讲解视频 / 用 excalidraw 做视频 / whiteboard video",或要在本仓库里新建一期、改场景、换贴纸或真实…

    374 GitHub stars~1.8k tokensUpdated 15 days ago
    Media & CreativeAuto-check: notes

More from gooseworks-ai/goose-skills

All 273 skills in this repo
  • Reddit Post Finder

    gooseworks-ai/goose-skills

    Scrape and search Reddit posts using Apify. An agent skill from gooseworks-ai/goose-skills.

    1.2k GitHub starsUsed in 1 repo~1.2k tokens
    Auto-check passed
  • Create Image Fal

    gooseworks-ai/goose-skills

    Generate or edit an image via any FAL image model (nano-banana edit, gpt-image, flux, ...), ROUTED THROUGH THE fal-proxy so it bills the Ads agent.

    1.2k GitHub stars~1.3k tokensUpdated today
    Auto-check passed
  • Render Hook Replacement

    gooseworks-ai/goose-skills

    Replace an existing video's opening with a supplied clip or free kinetic text hook while retaining and verifying every original body frame, audio, captions and ending.

    1.2k GitHub stars~2.3k tokensUpdated today
    Auto-check passed
  • Blog Feed Monitor

    gooseworks-ai/goose-skills

    Scrape blog posts via RSS feeds (free, no API key) with Apify fallback for JS-heavy sites.

    1.2k GitHub starsUsed in 1 repo~578 tokens
    Auto-check passed
  • Competitor Post Engagers

    gooseworks-ai/goose-skills

    Find leads by scraping engagers from a competitor's top LinkedIn posts.

    1.2k GitHub starsUsed in 1 repo~1.8k tokens
    Auto-check: notes
  • Render Chatgpt Chat

    gooseworks-ai/goose-skills

    Assemble a ChatGPT chat-reveal video ad from a thread + timeline JSON — one continuous Playwright recording of a ChatGPT mobile chat (user types with the iOS keyboard up → taps send → keyboard…

    1.2k GitHub stars~2.3k tokensUpdated today
    Auto-check passed

Questions about Render Apple Notes Chat

What does Render Apple Notes Chat do?

Assemble an Apple Notes list video ad from a note + end-card JSON — a frame-accurate fake iPhone screen recording of a short list being typed into Apple Notes (character by character, key pops…. Render Apple Notes Chat is an agent skill from gooseworks-ai/goose-skills. Assemble an Apple Notes list video ad from a note + end-card JSON — a frame-accurate fake iPhone screen recording of a short list being typed into Apple Notes (character by character, key pops, blinking caret, the note scrolling up as it fills) crossfaded into a checklist end card (the note's picks as ticked rows, real product photos, logo, CTA, in the brand's colours and fonts), with an optional music bed.

When should I use Render Apple Notes Chat?

Render Apple Notes Chat fits situations like: the apple-notes format; tasks that involve Messaging and chat bots; tasks that involve Video production.

How do I install Render Apple Notes Chat in Claude Code?

Run `npx skills add gooseworks-ai/goose-skills --skill render-apple-notes-chat -a claude-code`. Or copy the skill folder (skills/ads/capabilities/render-apple-notes-chat in gooseworks-ai/goose-skills) into .claude/skills/render-apple-notes-chat in your project. Claude Code loads it when a task matches its description.

How do I install Render Apple Notes Chat in Codex?

Run `npx skills add gooseworks-ai/goose-skills --skill render-apple-notes-chat -a codex`. Or copy the skill folder (skills/ads/capabilities/render-apple-notes-chat in gooseworks-ai/goose-skills) into .agents/skills/render-apple-notes-chat in your project. Codex loads it when a task matches its description.

Can I use Render Apple Notes Chat in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add gooseworks-ai/goose-skills --skill render-apple-notes-chat -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/render-apple-notes-chat, .gemini/skills/render-apple-notes-chat, .github/skills/render-apple-notes-chat and .opencode/skills/render-apple-notes-chat in your project.

What does Render Apple Notes Chat need to run?

Going by SKILL.md and its folder, Render Apple Notes Chat needs JavaScript and a shell for the scripts in its folder and the command-line tools its instructions call (node, npm, npx and bash). Our summary lists: Node.js; A Bash shell.

Does Render Apple Notes Chat access the network?

SKILL.md contains no URLs. Its commands use npm and npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Render Apple Notes Chat safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does Render Apple Notes Chat use?

Render Apple Notes Chat is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Render Apple Notes Chat use?

About 1.6k tokens (SKILL.md is roughly 6.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Render Apple Notes Chat?

Skills that share tags, products or a category with Render Apple Notes Chat: Cs Code Video (ChenShuo2004/cs-skills, 194 stars), Character Animation QA (calesthio/OpenMontage, 66k stars), Browser Video Recording (nirholas/three.ws, 228 stars) and Demo Video (alinaqi/maggy, 707 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Render Apple Notes Chat?

gooseworks-ai (a GitHub organization) maintains it in gooseworks-ai/goose-skills, which has 1,239 GitHub stars. The repository holds 273 skills in this directory. The repository was last updated on October 8, 2026.

Source: gooseworks-ai/goose-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.