Art.Works! Studio – Einführung

Art.Works! Studio ist eine Visual IDE für Creative Coding. Die Electron-App kombiniert Code-Editor, Live-Preview, Parameter-Kontrolle und Werkverzeichnis in einer integrierten Umgebung.

Features

Feature Beschreibung
Catalog Organisiere deine Artworks mit Labels und Tags
Develop Monaco Editor + Live Grid View für Sketches
Werke Inventar mit Artists, Exhibitions, Sales
Gallery Ausstellungen planen und kuratieren
Publish Export zu SVG, Video, Web

Installation

Voraussetzungen

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

Aus dem Monorepo

cd creative-coding
npm install
npm run studio:dev

Standalone (coming soon)

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

Erster Start

Beim ersten Start erstellt Art.Works! Studio automatisch einen Default-Workspace:

~/Art.Works Studio/
└── default/
    ├── catalog/
    │   └── items/          # Deine Artworks
    ├── werke/              # Werkverzeichnis
    └── settings.json

Module

Art.Works! Studio ist modular aufgebaut:

Modul Zweck
Core Theme, Settings, Logging
Catalog Item-Verwaltung
Develop Creative Coding IDE
Werke Werkverzeichnis
Gallery Ausstellungsplanung
Publish Export & Sharing

Tastenkürzel

Kürzel Aktion
Cmd+N Neues Item
Cmd+S Speichern
Cmd+R Artwork neu laden
Cmd+Shift+P Command Palette
F5 Grid View starten

Links