creative-engineering
Use when the user asks to apply a visual "style", "theme", or "effect" to code — frontend (CSS/GLSL), native shaders, or media processing…
Skill by Leostruka
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/leostruka-creative-engineering
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: frontend, writing
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/creative-engineering
What's inside
- Skill name
creative-engineering- Description
- Use when the user asks to apply a visual "style", "theme", or "effect" to code — frontend (CSS/GLSL), native shaders, or media processing (Python/OpenCV/FFmpeg) — especially CRT, dither, datamosh, night-vision, brutalist, receipt-print, depth-map, blob/metaball aesthetics. Loads a technical-anatomy knowledge base before writing code.
- License
- MIT
- Instructions
- 55 lines in SKILL.md · view on GitHub
Files (1)
- SKILL.md
SKILL.md (first lines)
# Creative Engineering You are a **Technical Art Director**: aesthetics are implemented as math, not described as vibes. Never write "make it look retro" — write the kernel, matrix, or token set that produces the artifact. ## Knowledge base `extensions/media-tools/knowledge_bases/aesthetics/` — 8 archetype files. `index.json` maps names + aliases → files. **Load the matching `.md` before writing any code** for that style. | Archetype | File | |---|---| | CRT (scanlines, barrel distortion, shadow mask) | `crt.md` | | Receipt paper (thermal, 1-bit, low contrast) | `receipt-paper.md` | | Depth map (Z-buffer, point clouds, displacement) | `depth-map.md` | | Blob tracking (metaballs, contours, marching squares) | `blob-tracking.md` | | Datamosh (I/P-frame corruption, motion vectors) | `datamosh.md` | | 1-bit dither (Floyd–Steinberg, Bayer, Atkinson) | `dither-1bit.md` | | Night vision (P43 phosphor, gain noise, bloom) | `night-vision.md` | | Brutalism (exposed grid, hard shadows, raw type) | `brutalism.md` | | PC-98 pixel (16-color palette, dither gradients, CRT bleed) | `pc98-pixel.md` | | Wired cyber-UI (Lain/GiTS HUD, neon-on-black, angular) | `wired-cyber-ui.md` | | Constructivism (Soviet agitprop, diagonals, photomontage) | `constructivism.md` | | Y2K deconstructivist (TDR/Emigre, F1 livery, chrome+neon) | `y2k-deconstructivist.md` | | PSX lo-fi 3D (vertex snap, affine UV, 320×240 dither) | `psx-lowpoly.md` | | Risograph (spot inks, misregistration, coarse halftone) | `risograph.md` | | Vaporwave (neon gradient, grid floor, statue fragments) | `vaporwave.md` | Each file carries: visual artifacts checklist → the math/algorithm → media/Python path → web/UI path → real sources. ## Protocol 1. Identify archetype (use `index.json` aliases — "vhs"→crt, "gooey"→blob). 2. Read the `.md`. Implement from its math — do not improvise the look. 3. **Media task?** Prefer existing muscle first: `grainrad.py` covers dithering/halftone/dots/vhs/contour + `grain.`/`bloom.`/`scanlines.`/ `vignette.`/`chromatic.` pipeline stages; `ascii_mancer.py` is the 1-bit dot-matrix sibling. Extend those flags before writing a new script. 4. **Web task?** Ship the GLSL fragment or CSS tokens from the file — parameterize intensity. 5. Missing archetype → `creative_tooooools.json` (tool catalog) or research a new anatomy and append a `.md` + index entry. ## Boundaries - This skill produces **knowledge-driven implementations**, not finished binaries — write code in the user's project, not new extensions, unless asked. - Full-fidelity video datamosh requires FFmpeg offline — never promise it as a browser-only real-time effect. - Brutalism is a constraint system, not "ugly on purpose" — keep legibility.
From Leostruka/devin-bundle, MIT.
More from Leostruka/devin-bundle
- 0.570score
debugging
Leostruka
Use when the user says 'diagnose', 'debug this', reports something broken/throwing/failing/slow, when encountering a bug/test failure/unexpected behavior and…
SkillAFreshness: AClaude Code +9 - 0.565score
ask-bundle
Leostruka
Use when deciding which skill or flow fits your situation — the meta-router entry point for this bundle (direct specialist skills, multi-skill flows, local…
SkillAFreshness: AClaude Code +9 - 0.565score
code-review
Leostruka
Use when completing a task, reviewing a branch or PR, before merging, when the user asks to 'review since X', when publishing a GitHub PR review with inline…
SkillAFreshness: AClaude Code +9 - 0.565score
cu-realtime
Leostruka
Use when computer-use or terminal automation needs the fastest reaction the runtime allows - event waits instead of screenshot polling, text perception…
SkillAFreshness: AClaude Code +9 - 0.565score
animation-direction
Leostruka
Use when turning narrated video/audio into synced code-rendered motion graphics — narration -> timestamped transcript -> scene plan -> approval gate ->…
SkillAFreshness: AClaude Code +9 - 0.565score
architecture
Leostruka
Use when designing modules, seams, and adapters, when evaluating module depth and identifying deepening opportunities in a codebase, or when modernizing…
SkillAFreshness: AClaude Code +9 - 0.565score
architecture-diagrams
Leostruka
Use when the deliverable is a physical diagram artifact (.svg/.png) — C4 models, dense class diagrams, network topology rendered via PlantUML.
SkillAFreshness: AClaude Code +9 - 0.565score
computer-use
Leostruka
Use when you need to see or control the local screen (screenshots, screen recording with video + contact sheet for catching transient bugs/animations, mouse…
SkillAFreshness: AClaude Code +9 - 0.565score
context-hygiene
Leostruka
Use when context is growing large or the agent forgets earlier instructions, when deciding clear vs compact, when processing documents/logs >50k tokens, when…
SkillAFreshness: AClaude Code +9 - 0.565score
ai-tools
Leostruka
Use when running local, offline-first ML tooling — mechanistic interpretability PoCs like refusal-direction ablation on local safetensors or the HF cache, or…
SkillAFreshness: AClaude Code +9 - 0.560score
ascii-art
Leostruka
Use when generating animated ASCII art for artifacts the agent produces - README banners (SVG), CLI splash screens, loading/404 states or decorative pieces in…
SkillAFreshness: AClaude Code +9 - 0.539score
database
Leostruka
Use when the user wants to design, migrate, query, or optimize a database.
SkillAFreshness: AClaude Code +9
Signals
- Stars
- 0
- Forks
- 0
- Open issues
- 1
- Last commit (this folder)
- Sep 22, 2026 (1 month ago)
- Last release
- Oct 24, 2026 (4 days ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- MIT
- Repository
- github.com/Leostruka/devin-bundle
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from Leostruka
- 0.570score
debugging
Leostruka
Use when the user says 'diagnose', 'debug this', reports something broken/throwing/failing/slow, when encountering a bug/test failure/unexpected behavior and…
SkillAFreshness: AClaude Code +9 - 0.565score
code-review
Leostruka
Use when completing a task, reviewing a branch or PR, before merging, when the user asks to 'review since X', when publishing a GitHub PR review with inline…
SkillAFreshness: AClaude Code +9 - 0.565score
ask-bundle
Leostruka
Use when deciding which skill or flow fits your situation — the meta-router entry point for this bundle (direct specialist skills, multi-skill flows, local…
SkillAFreshness: AClaude Code +9 - 0.565score
ai-tools
Leostruka
Use when running local, offline-first ML tooling — mechanistic interpretability PoCs like refusal-direction ablation on local safetensors or the HF cache, or…
SkillAFreshness: AClaude Code +9 - 0.565score
animation-direction
Leostruka
Use when turning narrated video/audio into synced code-rendered motion graphics — narration -> timestamped transcript -> scene plan -> approval gate ->…
SkillAFreshness: AClaude Code +9 - 0.565score
architecture
Leostruka
Use when designing modules, seams, and adapters, when evaluating module depth and identifying deepening opportunities in a codebase, or when modernizing…
SkillAFreshness: AClaude Code +9
Cite this page
creative-engineering skill. Agent Mart. https://agentmart.dev/skills/leostruka-creative-engineering (last updated 2026-10-24)