AI Blocks › Design things people love
Design style analyst
Share screenshots or links of designs you like. Get their colors, type, feel and effects as a profile you can reuse.
Design style analyst 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 zanwei
Made by zanwei. See the original on GitHub; we copied it as it is, with its licence.
What it does
A reusable profile of a look you like. Share screenshots or links to designs you admire and you get a structured file with the colours, type, spacing, overall feel and any special effects, which you can then use to guide new designs. It has three parts. The design system covers measurable values: colour, type, spacing, shape and motion. The design style covers the feel: mood, composition, imagery and brand voice. Visual effects cover things like canvas or 3D scenes, particles, shaders and scroll animation. The three work in three phases: see the schema, extract a profile from references, or generate a design from a profile plus your content.
You give it
- Screenshots or links of reference designs
- Your content for the new page (optional)
- Saved style profile (optional)
You get
- Design token set
- Written style description
- Visual effects notes
- Structured style file
- Design made from the profile (optional)
Use it when
- You love a competitor's site and want to capture its look, not copy its code.
- You need to brief a designer using real examples.
- You want new pages to match a style from several references.
- You have a saved style file and want a page made from it.
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.