TheSims.css
A “Design System” based on the 2000 life simulation game, The Sims.
Install / Use
/learn @inbn/TheSims.cssREADME
TheSims.css
A “Design System” inspired by the 2000 life simulation game, The Sims. View the demo page here: thesimscss.inbn.dev.
Installation / usage
You can load it directly from unpkg:
<link rel="stylesheet" href="https://unpkg.com/thesims.css">
or install it via npm:
npm install thesims.css
Acknowledgements
The code is adapted from 98.css by Jordan Scales.
This library uses ComicNeue as a fallback for devices which do not ship with Comic Sans. The monospace font is Comic Mono by Shannon Miwa and dtinth.
Related Skills
diffs
343.3kUse the diffs tool to produce real, shareable diffs (viewer URL, file artifact, or both) instead of manual edit summaries.
clearshot
Structured screenshot analysis for UI implementation and critique. Analyzes every UI screenshot with a 5×5 spatial grid, full element inventory, and design system extraction — facts and taste together, every time. Escalates to full implementation blueprint when building. Trigger on any digital interface image file (png, jpg, gif, webp — websites, apps, dashboards, mockups, wireframes) or commands like 'analyse this screenshot,' 'rebuild this,' 'match this design,' 'clone this.' Skip for non-UI images (photos, memes, charts) unless the user explicitly wants to build a UI from them. Does NOT trigger on HTML source code, CSS, SVGs, or any code pasted as text.
openpencil
1.9kThe world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
HappyColorBlend
HappyColorBlendVibe Project Guidelines Project Overview HappyColorBlendVibe is a Figma plugin for color palette generation with advanced tint/shade blending capabilities. It allows designers to
