stenciljs/core ? reverse-engineered prompt

Build me a tool that lets me create reusable web components from TypeScript and JSX, so I can write one component once and use it in plain HTML or in React, Angular, Vue, or other apps without rewriting it.

I want it to feel like a real developer toolchain, with a way to define a component with a tag name, props, styles, and an optional shadow DOM, then compile it into something that works in the browser. It should support modern component patterns, make it easy to start a new project, and include basic docs or examples so someone can get moving fast. If there are useful defaults for testing, build output, and server side rendering or static site generation, include those too. Keep it polished, reliable, and focused on enterprise friendly web components. If you need to look up current docs or best practices while building it, go ahead.