office-visual-design

Guides visual design decisions for a pixel-art office visualization using LimeZu tilesets.

1|1|Updated Feb 25, 2026
One-click install
npx skills add https://github.com/williamthorsen/codeassembly --skill office-visual-design-williamthorsen
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: office-visual-design
Source: https://github.com/williamthorsen/codeassembly/tree/main/.agents/skills/office-visual-design
Command: npx skills add https://github.com/williamthorsen/codeassembly --skill office-visual-design-williamthorsen

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Building a coherent, warm pixel-art office visualization requires consistent judgment calls about palette, tile selection, room composition, and furniture placement. This Skill encodes those settled design decisions so agents produce scenes that look like a real office rather than a technical diagram. ## Core Features & Use Cases - Palette and semantic colors: Defines warm canvas colors, wall tones, and role-based phase colors (analyst blue, author amber, reviewer red, orchestrator green). - Tileset catalog and construction rules: Documents LimeZu Modern Office Revamped and Modern Interiors tile paths, wall/floor layering order, and workstation composition patterns. - Quality rubric: Provides six ordered criteria (readability, place quality, palette coherence, composition, periphery rule, storytelling) to evaluate rendered output. - Use Case: When building a new room for the office visualization, an agent consults this Skill to pick tiles, lay out workstations with proper negative space, and verify the result against the rubric. ## Quick Start Use the office-visual-design skill to design a new reviewer room with four workstations following the palette and composition rules.

Frequently Asked Questions about office-visual-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I choose tiles for a pixel-art office visualization?

Use the LimeZu Modern Office Revamped singles for desks, monitors, and whiteboards, and Modern Interiors room builder sheets for floors and walls. Browse the full catalog rather than defaulting to previously used items, since better options may exist.

What color palette works for a warm office visualization?

Use a warm, muted palette: light warm gray page background (#e8e4e0), cream floors, taupe side walls (#b0a898), and semantic phase colors like analyst blue (#4488cc) and reviewer red (#cc4444). Avoid saturated primaries and cool-dominant schemes.

How should workstations be composed in a pixel office scene?

Build each workstation as a vertical stack: wall-mounted display on the north wall, desk one to two tiles below, and the character one tile below the desk facing up. Keep at least two tiles of open floor between clusters.

Can I mix different tileset families in one office scene?

No. The design requires LimeZu Modern Office Revamped plus Modern Interiors only, and explicitly forbids mixing with other tileset families to keep the art style coherent.

Why does my office render look like a diagram instead of a place?

Diagram-like output comes from grid-snapped rectangles, uniform floors, and missing wall depth. Add two-row north walls with baseboards and floor shadows, vary furniture density, and place decorative items only at room periphery.