porsche-design-system/examples ? reverse-engineered prompt

Reverse engineered prompt

Build me a polished examples site for the Porsche Design System that shows off a few real world usage scenarios.

I want a homepage that makes it easy to browse framework demos, pattern examples, and template pages, with clear navigation and a clean Porsche style look. Include examples for Angular, Astro, Next.js, React, React Router, Vanilla JS, and Vue, plus separate sections for header, footer, landing page, admin panel, and a small testing shop page for checking accessibility and usability.

Use the Porsche Design System components, keep everything WCAG 2.2 AA friendly, and make it feel consistent with the Porsche brand. Tailwind should be part of the styling approach. If you need to look up current docs online, go ahead.

Please wire it up so it’s easy to run locally, build, and preview, and make sure the pages are simple enough that someone can use them as reference examples.

Are you gonna build this?

make sure you review the code using coderabbit

Try freeSponsored — opens CodeRabbit in a new tab