Art.Works! Studio – Introduction

Art.Works! Studio is a Visual IDE for Creative Coding. The Electron app combines code editor, live preview, parameter control, and artwork catalog in an integrated environment.

Features

Feature Description
Catalog Organize your artworks with labels and tags
Develop Monaco Editor + Live Grid View for sketches
Works Inventory with artists, exhibitions, sales
Gallery Plan and curate exhibitions
Publish Export to SVG, Video, Web

Installation

Prerequisites

  • Node.js 20+
  • npm 10+
  • macOS, Windows, or Linux

From the Monorepo

cd creative-coding
npm install
npm run studio:dev

Standalone (coming soon)

npm install -g @cnichte/quiet-frames-artworks-studio
artworks-studio

First Launch

On first launch, Art.Works! Studio automatically creates a default workspace:

~/Art.Works Studio/
└── default/
    ├── catalog/
    │   └── items/          # Your artworks
    ├── werke/              # Artwork catalog
    └── settings.json

Modules

Art.Works! Studio has a modular architecture:

Module Purpose
Core Theme, Settings, Logging
Catalog Item management
Develop Creative Coding IDE
Works Artwork catalog
Gallery Exhibition planning
Publish Export & Sharing

Keyboard Shortcuts

Shortcut Action
Cmd+N New item
Cmd+S Save
Cmd+R Reload artwork
Cmd+Shift+P Command Palette
F5 Start Grid View

Links