Airship

Airship is an AI coding tool for developers who want visual editing without leaving their real codebase. The project describes itself as a visual editor for your codebase: it connects to the local web app you already run, places an editable canvas over the rendered page and routes change requests to Claude Code, Codex or OpenCode. Instead of recreating screens in Figma and then translating them back into code, a builder can point Airship at a dev server, select a component and ask the coding agent to change the implementation directly. The workflow is built for modern frontend stacks. The README shows a quick start with `npx @airshiplabs/cli --target 3000`, then Airship connects to the port already serving the application. It does not require a plugin, a framework adapter or a new runtime dependency in the app bundle. That makes it useful for teams with existing Next.js, Vite, Remix, Rails or other HTML-serving projects where the painful part is reviewing small visual changes across desktop and mobile frames. Airship stands out because it pairs a design surface with source-aware agents. The screenshots and README show inspector-style editing, a canvas, inline prompts and agent activity. The product is not just a screenshot annotator. It is meant to let the agent read files, write changes and report what it touched while the developer keeps visual context. That is a strong fit for landing-page iteration, component polish, responsive layout fixes, copy changes and icon or styling adjustments that are hard to describe from a terminal alone. Pricing is currently best treated as free open-source access through the public GitHub repository and npm package. The repository is MIT licensed and the CLI badge points to `@airshiplabs/cli` on npm. Teams should still check the official site and package page before standardizing on it, because any hosted service or future commercial plan could change the cost profile. For now, the main requirement is a local development environment plus whichever coding-agent subscription or CLI the team already uses. Airship is most useful for product engineers, founders and design-minded developers who already use Claude Code, Codex or OpenCode and want a faster loop between visual feedback and code edits. It is less useful for non-technical designers who need a pure design file, or for teams that cannot let an AI agent modify source code. Used carefully, it can compress the handoff between design review and implementation into a single interactive editing session.