Onetake

Make short product / skill motion videos (10–30 s, narrated feature demos up to ~60 s) the way high-end launch clips are made — kinetic type, real UI as the material, a hand that causes every reaction, beats that carry into each other instead of replacing each other, hard cuts only where they mean something — without HyperFrames or Remotion. A single HTML composition where every value is a pure function of time, built from a library of measured moves (springs, entrances, carries, contact, camera), rendered frame by frame with real shutter motion blur (1080p30 drafts, 4K60 final), with synthesi

3,554 stars 245 forksFrontend & Design

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add feitangyuan/onetake --skill onetake

Manual install

git clone --depth 1 https://github.com/feitangyuan/onetake.git /tmp/onetake
mkdir -p ~/.claude/skills
cp -r /tmp/onetake/. ~/.claude/skills/onetake

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# onetake

Short motion films about a product, built from the product. Not a video editor, not a slideshow
generator: a **composition** (one HTML file, `window.__seek(t)`), a **move library** (`lib/motion.js`),
**footage** recorded from the real thing, a **sound palette** that shares one room, and an **oracle**
that says whether the cut has a rhythm and whether it carries, before a human has to watch it.

Six films taught it. **motion-web** took three cuts: one and two were rejected as 「PPT 式一个一个展示」
for a uniform cadence — the rhythm half. **Pocket Weather Club** had the rhythm and was *still* PPT: its v1
passed every rhythm check and was rejected, because each beat replaced the one before. v3 was accepted when
every beat grew out of the last — the character lands on the headline, the page grows out of its card, a
stage opens from the character. That is the carry half. **One dot** added the operator: with a still camera it was
「就缺灵动的跟踪运镜」; with a camera that chases what each beat frames — lagging, leaning, settling — it was
「运镜、镜头和物理都没问题」. **knockon** carried by cause: a light tabletop machine where every beat is the collision
that starts the next. **clearing** carried by scale: one take from a year to a free half hour and back, a camera that
chases the anchor on screen so it lands the same at 1× and 300×. **overlap** was the meaning lesson: its first cut was
「美术挺棒但没看出来啥意思」, and adding labelled cursors made it worse; it read only once the idea was built into the

Read the full skill on GitHub

Details

Skill name: onetake
Repository: feitangyuan/onetake
Repo updated: 21 October 2026

FAQ

What does the Onetake skill do?

How do I install the Onetake skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add feitangyuan/onetake --skill onetake. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Onetake popular?

It lives in feitangyuan/onetake, which has 3,554 GitHub stars and 245 forks.

Related skills

Sprite Gen

3.1k

aldegad/sprite-gen

Generates images and game sprites through GPT or Grok with guided provider choices, separate saved defaults, automatic cleanup and optional curation. Handles sprite requests, ordinary image generation/editing, typography logos (로고, 타이포그래피, 타이틀 글자, 타이틀 로고, wordmark, logo, title lettering: a title screen drawn with the title in it, its lettering lifted out transparent), standalone image-to-video clips (i2v, animate this still, 그록 영상, 이매진 비디오, 스틸 움직여줘, first/last frame, reference-to-video, 영상 이어붙이기, 영상 편집, extend/edit a clip), clips from a video MCP on the agent (ZCRE, 지크 MCP), chroma removal, an

Frontend & Design336

Figma Use

2.1k

figma/mcp-server-guide

**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first. Skipping it causes common, hard-to-debug failures. Trigger whenever the user wants to perform a write action or a unique read action that requires JavaScript execution in the Figma file context — e.g. create/edit/delete nodes, set up variables or tokens, build components and variants, modify auto-layout or fills, bind variables to properties, or inspect file structure programmatically.

Frontend & DesignIn 1 list211

Mono Color

3.6k

yanliudesign/mono-color-skill

Generate original one-ink or controlled two-ink editorial images from any theme, sentence, article idea, object, or reference photo. Always use this skill when the user asks for 单色海报、双色印刷、单色调视觉、蓝色/绿色孔版印刷、risograph、网点照片、复古或当代编辑排版、zine poster, monochrome editorial poster, duotone print, or asks to use the mono-color style. It uses an adaptive white, gray, or pale-beige substrate, no more than two printing inks, active negative space, terse human language, and strong serif/grotesk/mono typography without making retro styling the default or copying a source composition, wording, logo, or artwork.

Frontend & Design111

Figma Generate Library

2.1k

figma/mcp-server-guide

Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, create individual components with proper variant sets and variable bindings, set up theming (light/dark modes), document foundations, or reconcile gaps between code and Figma. Also use when the user asks to create or generate any component in Figma — even a single one — since components require proper variable foundations, variant states, and design token bindings to be production-quality. This skill teaches WHAT to build and in WHAT ORDER

Frontend & DesignIn 1 list211

Oil UI

2.5k

oil-oil/oil-ui

设计、改进和评审网站、App、后台与组件的界面：探索设计方向、生成多风格同屏对比页，并基于真实截图打磨视觉层级；按请求交付对比页、设计说明、设计稿或可运行界面。只负责设计判断，不用于纯业务逻辑、接口构建、无界面变化的代码整理，或改法已完全明确的日常修改（如改文案、调数量、删指定元素、复用现有样式，哪怕带有“优化”字样）。已安装 oil-ui-pro 时交给 oil-ui-pro。

Frontend & DesignIn 1 list142

Srt Whiteboard Animation

5.2k

geeklee/srt-whiteboard-animation

将 SRT 字幕做成暖米黄纸张底的白板手绘动画：读字幕→输出配图策略→确认后生成统一风格线稿→按叙事语义标注分区→预览台调整→渲染 MP4。编排沿用分区遮罩揭示（annotation.json / sequence / startMs / protectedRegions），但每个区域内的落墨换成 stream 的连续笔迹（骨架/网格 ink→color）。当用户提供 SRT 字幕并要求"字幕做成白板手绘/流式笔迹视频""SRT 生成白板动画""按字幕分镜画手绘"时触发。

Frontend & Design822

Browse the most popular Claude skills, all frontend & design skills, or write your own with the skills generator.