I'm a frontend developer and have worked as one for almost a decade. One of the biggest and most frustrating parts when developing, and even more so with AI-development, has been maintaining a UX-friendly application that follows the WCAG standards of today. We have great analysis tools such as Lighthouse to see what goes wrong, but not so much in how to fix things before they are shipped.
So that's where the idea behind ZemDomu started. ZemDomu is a semantic linter for HTML/JSX/TSX and Vue that will catch these issues while you are writing them. I started off by using it only for myself and honestly it's been saving me a lot of time, so I figured I might as well build it for others to use as well.
Where ZemDomu stands out is that it checks the whole import tree and then flags. So if you were to import a component with an h3 element right underneath an h1 element, ZemDomu would flag it.
Apart from that ZemDomu covers 21 other rules across structure, links, forms, media and document integrity.
Now I'm at a point where I would love other frontend devs to use it and pick it apart. What works? What doesn't? What can be improved? I'm really curious to see if you find it as useful as I do.
I would suggest getting the VS Code extension first to try it out in your IDE since I believe that is the quickest way.
Repo: github.com/ZemDomu
Website: zemdomu.dev
