AI Blocks › Design things people love
Bold-border style guide writer
Describe your product. Get a style guide with thick borders and vivid colour, plus rules for each part.
Bold-border style guide writer is a free AI skill for the job "Design things people love". Give the instructions to an AI assistant that supports the required files and tools, then review its output.
Free · No account · MIT licence · Made by Bergside · Level: beginner · Thinking: low
Made by Bergside. See the original on GitHub; we copied it as it is, with its licence.
What it does
A written style guide for a bold, raw look: thick borders, vivid colours and warm backgrounds. It covers the base rules and then how each part of your interface should look and behave. The skill states your design aim in one sentence, then sets the base: colour tokens, a type scale, spacing steps and accessibility needs. After that, it describes each component with its parts, variants, states and responsive behaviour. It ends with do and don't rules, and it explains trade-offs where there is more than one choice. Contrast and visible focus come before style, so the result stays usable.
You give it
- A description of your product
- Brand colours (optional)
- Fonts you already use (optional)
- The components you need covered
You get
- A style guide with colour, type and spacing
- Rules for each component and its states
- Do and don't lists
- Accessibility requirements
Use it when
- You want a neobrutalist look for a new product.
- Designers and developers need one shared reference.
- Your current UI feels inconsistent and needs rules.
- You need component guidance with all states spelled out.
How to use it
- Add it to your AI once: download it and add the folder to Claude, ChatGPT or Codex as a skill.
- Ask for the job in your own words. Your AI opens the skill when it fits.