UX development with Phoenix suggestions

[oliver-kriska]

Moving discussion from this issue here

Hey!
Thanks for putting so much work and thought into this plugin @oliver-kriska. The audit skill gave very useful feedback to some of my existing projects.
For me the UX part is still a bit unsolved for anything claude related. It creates great marketing pages and initial projects but frontend easily becomes very unmaintainable. I'm wondering if you have any pointers of how you are building frontends with phoenix? Do you for example use certain component library with liveview? How do you get consistent changes which don't break other already existing features?

@onnimonni thanks, happy plugin help.
Regarding UX and UI part. I strong suggest to use https://tidewave.ai/ . Also when you have already existing at least 1-2 components or some style of your UI. Ask claude to create skill from it with their official plugin, see more https://claude.com/plugins/skill-creator . But I would suggest to use components from beginning, add documentation there, have functional components for buttons and so on. Also do not create huge render/1 functions. Smaller code blocks are better for AI/LLM. When you have small part of page/screen as functional component which has to be loaded and work on is better, not to granular but good way.
Also of course tests and 2e2 tests. In work we use Playwright which is good but cost a lot to make it work but it's good when you have big complex app. But also for small app, it can be very easy to make it work. I guess I don't have to talk about ci/cd checks, credo and so on.

Let me know if you have more questions about this topic, let's discuss .