beautify-decoration

Featured

Iterate on the visual identity of a top-down pixel-art decoration (sprite + layout integration) in pixtuoid. Use when redesigning an existing decoration (pantry, lounge, meeting room, cubicle decor) or adding a new one. Captures the rebuild trap, the visual-verification loop, resolution constraints, sprite-format pitfalls, and the layout-integration checklist that we learned the hard way during the pantry beautify session.

AI & Automation 425 stars 26 forks Updated today MIT

Install

View on GitHub

Quality Score: 92/100

Stars 20%
88
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# beautify-decoration (v1) A repo-specific iteration loop for visually redesigning a decoration in `pixtuoid`. Follow this when the user says "beautify X" or "make Y look better" — it short-circuits several rebuild traps and visual-design dead ends that aren't obvious from the codebase alone. ## When to use - Redesigning an existing decoration sprite (pantry, lounge, meeting, cubicle decor) - Adding a new fixture (pendant lamp, water cooler, chalkboard, etc.) - User says "items look too small / don't read like X / blend together" - After making sprite edits and "I don't see any change" ## The visual-iteration loop ``` 1. Edit sprite OR layout ↓ 2. cargo build --release --example snapshot ↓ 3. ./target/release/examples/snapshot --cols 192 --rows 80 /tmp/snap.png ↓ 4. .venv/bin/python3 scripts/crop-snapshot.py /tmp/snap.png --scale 3 -q <quadrant> (or skip the quadrant guessing: snapshot --crop-furniture pantry|couch|vending| printer|meeting|sofa|chair|island|snackshelf|desk OR --crop-agent <label> renders a 40x24-cell window already centered on the target — no Python step) ↓ 5. Read the cropped PNG → self-critique → back to step 1 ↓ 6. When happy, send to user with SendUserFile and short caption ↓ 7. cargo build --release --workspace ← rebuild the LIVE binary too ↓ 8. Commit with iteration history (which designs were tried, why rejected) ``` The user is the final judge of "does it look like a fridge / coffee machine / etc." — but you shou...

Details

Author
IvanWng97
Repository
IvanWng97/pixtuoid
Created
2 months ago
Last Updated
today
Language
Rust
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

repaint

Build production-grade frontend UI that doesn't read as "AI-made" — and behaves like an elite product, not just looks like one. A self-contained pipeline — research real references, lock a register + anchor, commit OKLCH tokens + distinctive type, design the interaction (feedback, forgiving input, keyboard, recovery), make it accessible and SEO-ready (semantic HTML, landmarks, alt, metadata), build, then iterate against slop + experience + a11y/SEO audits and a live browser-screenshot loop. Grounded in the industry-standard design systems (Material 3, Apple HIG, Carbon, Polaris, Fluent, Ant, shadcn) and the psychology of interface design (Gestalt, Hick, Fitts, peak-end), with manipulative dark patterns banned. Use for any page, component, dashboard, landing page, settings, data table, onboarding, or app surface — especially when output looks generic, templated, or "AI-made", feels hollow, or is inaccessible/invisible to search; aim at Linear/Vercel/Stripe/Notion quality. Ships a reference library + 23 evals.

1 Updated 2 days ago
LucasSantana-Dev
AI & Automation Solid

pixel-art-studio

Create production-quality pixel art and animations programmatically. Use when the user asks to "create pixel art", "draw a sprite", "make pixel animation", "generate sprite sheet", "convert image to pixel art", "pixelate this image", "make a pixel character", "пиксель арт", "пиксельная графика", "спрайт", "像素画", "像素艺术", "도트 그래픽", "픽셀 아트", "8-bit/16-bit/hi-bit style", "retro game art", "Aseprite-like output", "indie game sprite". Covers single-frame sprites, frame-by-frame animations, walk cycles, idle/attack/death animations, sprite sheets, GIF/APNG export, image-to-pixel-art preprocessing (downsample + quantize + dither), 30+ bundled palettes (NES, GameBoy, PICO-8, Endesga 32/64, DawnBringer 16/32, Sweetie 16, Resurrect 64, Korean 오방색/단청, Chinese 故宫/青花/五行, Russian Stoneshard-inspired), 5 dithering algorithms (Bayer 2/4/8, Floyd-Steinberg, Atkinson, Ordered, Blue Noise), automated quality scoring (orphan pixels, doublies, banding, pillow-shading, AI-slop detection), and Generator-Evaluator review via the pixe

138 Updated yesterday
AnastasiyaW
Web & Frontend Solid

design-vision-loop

Vision feedback loop for UI — render the running UI, screenshot it across viewports + dark mode, run deterministic gates then a multimodal critique against the design system, and iterate until it passes. Use after building or changing a UI component/page, when asked to 'check the UI', make it 'look right', or verify a build matches a design spec / Stitch screen.

24 Updated today
nguyenthienthanh