Does OverSkill have a drag-and-drop or WYSIWYG editor?
Short answer: no full drag-and-drop page builder. Small edits — text, color, alignment — you can click and change directly. Everything bigger goes through the AI.
Short answer: no. OverSkill isn't a drag-and-drop page builder like Webflow, Wix, or Squarespace. There's no canvas where you drag boxes around and resize them freely.
Here's what you actually have, and how to get the same result a different way.
What you CAN click and change directly
Click the Edit toggle (the cursor icon) in the chat panel — or hit Cmd+E / Ctrl+E — to turn on the Visual Editor. With it on, click any element in the preview to:
- Edit text in place — click, type, done. No prompt needed.
- Change colors — text, background, and border color pickers appear right in the toolbar.
- Adjust typography — font weight, size, and text alignment.
- Swap an image — pick a replacement from your asset library.
- Delete an element — remove it entirely.
- Nudge order — move an element up or down among its siblings.
This is the closest thing to a WYSIWYG editor in OverSkill, and it covers a lot of small, one-off tweaks fast. Turn it off the same way (Edit toggle or Cmd+E) when you're done — it's a mode, not a permanent state.
What it's NOT — and where the AI takes over
The Visual Editor doesn't do layout: no free dragging, no resizing by handle, no dropping in new components from a palette. For anything structural — new sections, new pages, rearranging a whole layout, adding a feature — you describe it to the AI instead. That's not a workaround; it's the actual design tool in OverSkill.
Small text and design edits via the AI Prompt
If you'd rather not use the Visual Editor (or the change is broader than one element), just describe it in chat. A few real examples:
Changing specific copy:
Change the hero headline to
Build your first app in 10 minutes
Small style tweaks:
Make the
Get Startedbutton bigger and change it to a solid green
Whole-app restyling:
Make the whole app feel more premium — bigger photos, less text, more whitespace
Spacing/layout nudges:
Add more space between the pricing cards on the Pricing page
Font/theme changes — describe them in chat. See Changing colors, fonts, and theme. (A visual theme picker is in limited release and not yet available to everyone.)
The AI applies these directly to your app's code — same result as a WYSIWYG drag, just described instead of dragged.
Which one should I use?
| You want to... | Use |
|---|---|
| Fix a typo, swap one color, replace one image | Visual Editor (click the element) |
| Change several things at once, or something structural | AI Prompt (describe it in chat) |
| Restyle the whole app — colors, fonts, mood | AI Prompt (describe it in chat) |
| Add a new page, section, or feature | AI Prompt only — the Visual Editor can't create new elements |
What to read next
- How to ask the AI for changes — prompt patterns that get clean results on the first try
- Changing colors, fonts, and theme — the fastest way to restyle
- A tour of the app editor — where everything lives