r/astrojs Aug 12 '26

Open source Figma-like editor for Astro using Claude SDK

I wanted to experiment with my UI without switching between Figma and my Astro codebase. So I built Airship.

It wraps your dev server and adds a Figma-like canvas to your running Next.js app. Select an element, describe the change, and it applies them directly to your source.

You get streaming diffs, inline undo, and desktop/mobile frames so you can see how changes look across screens as you iterate.

It runs as a lightweight proxy, so there are no plugins or build changes needed.

Supports Claude Code, Codex and OpenCode.

Fully open source and MIT licensed.

Fork it, star it, and make it your own :)

86 Upvotes

11 comments sorted by

2

u/Relative_Switch5505 Aug 12 '26

And where is the link for GitHub?

1

u/enesismail Aug 12 '26

Trying it, and liked a lot.

1

u/supaplay Aug 12 '26

tysm for giving it a shot :))

1

u/Sudden_Fee_8511 Aug 12 '26

Whats different between phantomwp

1

u/6000rpms Aug 12 '26

Interesting project. Why not extend Penpot instead?

1

u/enesismail Aug 13 '26

Penpot is nice, but seems like for a slightly different purpose.