Lego Build

Анимация, в которой объект собирается из деталей LEGO по шагам, в стиле фирменной инструкции. Все нарисовано кодом на Canvas 2D, без картинок и 3D-движка, рендер в mp4 вертикально 1080x1920 или горизонтально 1920x1080. Модель задается списком шагов из настоящих деталей LEGO (номера и цвета по каталогу BrickLink), на каждом шаге список деталей, желтая обводка новых и в конце поворот готовой модели. Используй, когда просят собрать что-то из лего в анимации или видео, сделать лего-инструкцию, ролик где из кубиков собирается кот, робот, логотип или любой объект, придумать лего-модель по картинке и

31 stars 5 forksFrontend & Design

Install

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

npx skills add siliconbag/lego-build --skill lego-build

Manual install

git clone --depth 1 https://github.com/siliconbag/lego-build.git /tmp/lego-build
mkdir -p ~/.claude/skills
cp -r /tmp/lego-build/. ~/.claude/skills/lego-build

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

From the SKILL.md

# lego-build

Движок рисует детали LEGO на Canvas 2D в стиле бумажной инструкции. Светлые верхние грани, тонкие темные контуры, новые детали в желтой обводке, детали прошлых шагов бледнее. Модель описывается списком шагов, а готовый сценарий превращает ее в ролик со списком деталей, номером шага, падающими деталями и поворотом в финале.

Главное правило скилла. Модель собирается только из настоящих деталей в цветах, которые реально выпускались, без выдуманной печати.

## Что лежит в папке

- `src/lego.js` движок, библиотека из 47 деталей и 16 цветов.
- `src/booklet.js` сценарий ролика, вертикальный и горизонтальный.
- `src/models/cat.js` пример модели, рыжий кот из 106 деталей. `src/models/microduck.js` второй пример, мини-робот.
- `src/parts-sheet.js` страница-каталог всех деталей.
- `index.html` плеер. Пробел или клик ставят на паузу, стрелки листают кадры. Параметры `?model=cat`, `?format=horizontal`, `?t=12`, `?view=parts`.
- `src/mosaic.js` фото в мозаику, `src/mosaic-film.js` отрисовка мозаики и ролик ее сборки, `mosaic.html` то же в браузере, `tools/mosaic.cjs` из командной строки.
- `tools/check-model.cjs` проверка модели, `tools/snap.cjs` отдельные кадры в PNG, `tools/render.cjs` видео в mp4, `tools/parts-md.cjs` справочник деталей.
- `reference/modeling.md` как проектировать модель. Читай перед первой своей моделью.
- `reference/parts.md` таблица деталей и цветов.

## Подготовка

Read the full skill on GitHub

Details

Skill name: lego-build
Repository: siliconbag/lego-build
License: MIT
Repo updated: 26 September 2026

FAQ

What does the Lego Build skill do?

How do I install the Lego Build skill?

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

Is Lego Build popular?

It lives in siliconbag/lego-build, which has 31 GitHub stars and 5 forks.

Related skills

Meme Sticker

shanliuling/meme-sticker

Turn one uploaded image into a complete 12-piece chat sticker pack by generating two 3x2 sticker sheets, extracting transparent PNGs, normalizing their canvases, and packaging the result as a ZIP. Use this skill whenever a user provides a photo and asks for chat stickers, reaction stickers, meme stickers, custom emoji, or messaging-app sticker packs, including requests that use terms such as 表情包, 贴纸包, 微信表情, QQ表情, or Telegram stickers.

Frontend & Design

CSS Protips

PyModel/css-pro-tips

Use when writing, reviewing, refactoring, or modernizing CSS/Tailwind. Apply a policy-first approach: semantic tokens, explicit cascade order, static CSS, intrinsic component layouts, accessible state, measured performance, and progressive enhancement backed by current sources.

Frontend & Design

Sveltekit Svelte5 Tailwind Skill

claude-skills/sveltekit-svelte5-tailwind-skill

Comprehensive integration skill for building sites with SvelteKit 2, Svelte 5, and Tailwind CSS v4

Frontend & Design

Wiggle

talknerdytome-labs/wiggle-claude-skill

Create animated logo files (Lottie JSON, GIF, MP4) from static logo images. This skill should be used when users provide a logo image (PNG/SVG/JPG) and request any kind of logo animation, motion graphics, animated logo effect, waveform animation, bouncing logo, rotating logo, pulsing logo, wiggling logo, or ask to "animate my logo" or "make my logo move". Outputs standalone animation files (not React/HTML artifacts). Generates Lottie JSON with automatic GIF/MP4 rendering, perfect loop validation, and professional motion design patterns.

Frontend & Design

Blcaptain Ppt Skill

dososo/blcaptain-ppt-skill

把一个目标/主题/文章/截图/数据转成有观点、有节奏、有视觉约束的单文件 HTML 演示（网页 PPT、科技战报、产品拆解、行业观察、路演/发布会 deck、社媒可传播长图）。**7 套各锚定公认设计体系的视觉人格**——技术崇高派 Technical Sublime（工程冷光·技术战报/算力）/ 构成主义 Constructivism（宣言/号召）/ 信息·数据设计（Tufte·数据/图表）/ 判断震慑极简 Luxury（高端品牌/判断）/ De Stijl 新造型（标准/秩序）/ 编辑主义 Editorial（衬线·深度观察）/ 演示禅 Zen（暗墨·思想/品牌 keynote）——用户可指定，否则按内容自动判选并透明告知。token + validator 机检（P0/P1/P2）+ 32 维审计**机器强制设计一致性**；反伪造（不造数据/logo/截图/来源·示意标注）；字体本地子集；图按角色路由（默认 CSS/SVG·要图先探测生图环境）。Generates single-file HTML decks with 7 design-system-anchored visual personas, a semantic layout grammar, locked design tokens, evidence-grading, machine validation (P

Frontend & Design

Cardstock Diorama Myth Animation

sadekxD/cardstock-diorama-myth

Produce a complete narrated MYTHIC SHORT FILM end-to-end on Unsora MCP in the layered cut-paper diorama style — stacked matte cardstock worlds, a strict three-colour palette, exposure that swings, paper wipes hiding every seam, landing on a face. Animation-movie storytelling, not an explainer: gods, monsters, heroes, folklore, origin myths and transformations, told in ten-second story beats with a mythic narrator, native paper foley, and one assembled MP4. Use whenever the user wants a myth, legend, fable, folktale or fairy-tale short, a cut-paper or papercraft animated story, "tell the story

Frontend & Design

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