Shipwright Dashboard

I’ve implemented the theme logic to switch themes and set up CSS variables so they update automatically based on the selected theme.

I started by adding my favorite theme, which I like to call paper It’s a light-mode theme, but don’t worry, I’ll add a midnight theme and some dark themes later on (dark users, I see you 👀)

There’s still a lot left to theme across other pages, and Eric’s code is packed with many different colors that I’ll need to convert into custom variables. Wish me luck.

Here’s the commit for this devlog :)
see the amount of colors/pages changed

So basically, the shipwrights need to check some things like the README and the demo URL and make sure they are working. They can miss some things, and there are some projects that aren’t really easy to understand how they’re working if they’re not documented well.

So this AI first takes:

• project_name
• project_type
• readme_content
• demo_url
• repo_url

Then it passes all of these to Gemini 3 Flash with a very large prompt. You can take a look at it here:
https://github.com/hackclub/shipwrights/blob/main/sw-ai/Source/helpers.py#L129

This is the part of the sw-ai that is written in Python.

For the dashboard part, it will get all these variables from the database, but it will get the README content from the raw URL, which is easy to fetch. This is handled by a server action since we use Next.js in the platform.

And finally, it adds the newly generated summary to the database and shows the AI summary in the UI.