vitalikryzhenkous

Wf Preview — Development skill for Claude Code

Development community

Render a pixel-accurate PNG preview of a watch face without the simulator.

How to install Wf Preview

Installs to ~/.claude/commands/vitalikryzhenkous-connectiq-watchface-kit-wf-preview.md

Terminal
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/vitalikryzhenkous/connectiq-watchface-kit/HEAD/.claude/commands/wf-preview.md -o ~/.claude/commands/vitalikryzhenkous-connectiq-watchface-kit-wf-preview.md

Restart Claude Code, or start a new session, for it to be picked up.

What Wf Preview does


description: Render a pixel-accurate PNG preview of a watch face without the simulator argument-hint:

Use the `connectiq-watchface` skill.

Target: $ARGUMENTS

  1. Find the face's preview script: scripts/preview_.py (for N3on, scripts/preview_n3on.py). If there isn't one, create it by mirroring the face's onUpdate() draw calls and using its real .fnt fonts.
  2. Run it: python3 scripts/preview_.py /tmp/preview.png.

Alternatives in Development

  • Semble — Fast and Accurate Code Search for Agents 6.1k ★
  • Operate iOS Simulator — Skill: operate the OpenCode iOS client in Simulator 257 ★
  • Claude Video Effects — 36 video effects for Claude Code: drop in a talking-head clip, type /effects orbit 205 ★

Full documentation available on GitHub

View Source Repository