Getting started

Get started.

New here? Start with this page. In two minutes: what Aestheria is, how it works alongside your AI, and where to go first. Written for the whole team, not just the engineers.

How it works

Three steps, and only the first one is a choice you make once.

That is the whole loop. The more you build, the more consistent it gets, because every screen starts from the same system.

Choose where you start

Every theme is a complete, considered look, not a locked skin. Pick the one closest to where you want to land, then make it yours. Open any preview to see it live.

Same system underneath. Switching themes changes the look, never the structure.

The one thing to remember

If you take one idea from this page, take this. Add the words "with Aestheria" to almost any prompt, and your agent builds it on your system.

Ask for "a customer dashboard with Aestheria," or "a settings page with Aestheria," and you get on-brand screens with the right buttons, tables, empty states, and dark mode already in place. You never have to name a color or a spacing value.

You focus on what the product should do. Aestheria keeps how it looks consistent.

Connect your AI

Connecting takes one step, and you only do it once. Aestheria plugs into AI coding tools like Claude Code, Cursor, and others through a small setup.

Not the person who wires up tools? Hand this step to whoever set up your AI editor. Everything after it is just describing what you want.

Look around

When you want to see what is in the box, these are the four places to browse.

Keep going

Ready for more? The overview goes deeper on the thinking behind Aestheria. When you are ready to bring it into your own project, the access page lays out your options.