Airship is a visual editor that connects to your codebase, bringing your running app into a Figma-like visual workspace. Edit real UI elements directly, experiment with design changes across device sizes, and use AI agents like Claude Code, Codex, or OpenCode to generate code diffs—all without rebuilding your app in a separate tool.
Key benefits include:
- Visual canvas for real UI: Work directly with your app’s actual UI, explore layouts, and test across device sizes (desktop, mobile) without switching to a design tool.
- AI-powered code editing: Describe changes in plain English, and Claude Code, Codex, or OpenCode will generate inline code diffs with exact file and line numbers.
- No build steps or plugins: Run as a reverse proxy alongside your existing dev server (Vite, Next, Remix, Rails, etc.) with no codebase modifications or plugin installations.
- Real-time device testing: View and test changes across real viewports (1280px, 393px, etc.) to see how they affect different screen sizes instantly.
- Easy undo & version control: Undo changes directly in Airship using previous file versions, with Git integration optional for more granular control.
Perfect for developers, designers, and product teams working on web applications who want to visually edit UI elements, experiment with design changes, and integrate AI-powered code editing into their workflow.
