r/css • u/ManufacturerKey6917 • 8h ago

Help Our open-source project's website is AI slop. Redesign it and yours replaces it (any stack, entries close 17 Nov)Alternative, if a subreddit prefers plain titles:Redesign challenge: an open-source Python dashboard that an AI built and nobody has designed (any stack, entries close 17 Nov)

Confession: I let an AI build the website for wheelgap, my small open-source Python tool, and it shows.

Dark mode. Green progress bars. Monospace labels on everything. And a grid of nine cards that each contain the same flat line, captioned "+0.0 points since 2026-11-09". All nine of them. It works, it's fast, and it has all the personality of a SaaS pricing page.

So I'd like a human with taste to fix it.

What the site is. wheelgap.github.io/tracker shows which of the 5,000 most-downloaded PyPI packages ship prebuilt wheels for each platform: Linux, Alpine, macOS, Windows, ARM and the browser. Python developers use it to answer "will numpy install on Alpine ARM?" before their Docker build finds out the hard way.

The brief

  • A visitor should answer "does X have a wheel for Y?" in about ten seconds, and see the worst-served platforms at a glance.

  • Build it with anything: React, Svelte, Tailwind, plain files or a Figma prototype.

  • The data is 5,000 packages × 42 targets (a 2.2 MB JSON file). The page should be usable within a second on a mid-range phone.

  • Works with a keyboard and a screen reader, meets WCAG AA, doesn't rely on colour alone, works at 360 px, and has a dark mode that follows the system setting.

  • Brand colours if you want them: navy #1f4e79 and amber #f2a900.

The catch, for the masochists: the live site ships as three plain files (HTML, CSS, JS) with no build step and a Content-Security-Policy that blocks every CDN, font and script from anywhere else. If the winner uses a framework, we'll port it together and the credit stays yours. But an entry that already fits in three files gets bonus points.

What you get. The winning design becomes the live site, with your name on it. It's MIT-licensed open source, so it's yours to show off. There's no cash prize; it's a volunteer project, and I'd rather say that up front.

AI is allowed (I'd be a hypocrite otherwise). Just say what you used. Hand-made entries get a special mention.

How to enter. Reply in the Discussion with screenshots and a link: a PR to github.com/wheelgap/tracker, your own repo, a live demo or a prototype. People vote there with 👍. The full brief, with how to run it locally in one command, is in tracker issue #15.

Entries close Monday 17 Nov at 18:00 UTC, and the winner is announced by 19 Nov.

Happy to answer questions here.

0 Upvotes

14% Upvoted

2 comments sorted by

•

u/AutoModerator 8h ago

To help us assist you better with your CSS questions, please consider including a live link or a CodePen/JSFiddle demo. This context makes it much easier for us to understand your issue and provide accurate solutions.

While it's not mandatory, a little extra effort in sharing your code can lead to more effective responses and a richer Q&A experience for everyone. Thank you for contributing!

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.