StyleKit

What it does

StyleKit Chrome Extension extracts colors, fonts, spacing and design tokens from any website and generates AI-ready DESIGN.md files for Claude Code, Cursor, Copilot, Windsurf and more.

StyleKit analyzes any webpage and generates AI-ready DESIGN.md files for Claude Code, Cursor, Copilot and more. Stop guessing design tokens — extract them instantly. From extraction to implementation — StyleKit handles the entire design token workflow. Click the StyleKit extension on any website to instantly extract colors, fonts, spacing, border radii, shadows, and more — no manual inspection needed. DESIGN.md format is optimized for AI coding assistants. Paste it into Claude Code, Cursor, or Copilot and your AI instantly understands the design system. Export design tokens as Tailwind config, Bootstrap variables, plain CSS custom properties, or SCSS. One extraction, multiple formats. Run…from stylekit.digitaladexpert.de

• 
  DesignDupe2024 · ▲162

  Chrome Extension: Identify colors and fonts on any website

• 
  StyleKit – Instant Website Design Analyzer Chrome Extension2025 · chromewebstore.google.com · ▲6

  Hi HN, StyleKit is a Chrome extension I developed to help teams quickly capture and document website design systems. It's free to download and use. As someone who works on both design and development, I frequently study and record how websites look for different projects, or document the design of other sites for an aspect I really liked. This takes a lot of my time: opening web developer, finding style classes, viewing the computed style to see what was actually happening, and then storing information I wanted to save. Sometimes I couldn't find an element either way. I created StyleKit to…

• 
  StyleKit.io2025 · chromewebstore.google.com · ▲52

  Beautiful PDF style guide & instant on-page element analysis

• 
  Style Inspector Pro2025 · styleinspectorpro.com · ▲8

  Instantly access visual styles from any webpage

• 
  Chrome extension that extracts styles and generates DESIGN.md filesApr 2026 · chromewebstore.google.com · ▲6
• 
  Inspired Design2024 · chromewebstore.google.com · ▲6

  Extract major colors & fonts from any website with one click

• 
  /dev/null▲486

  a social network for devs

  Dev tools · 3d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 28d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 26d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 23d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 21d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 28d ago · corespeed.io

• 
  Brila▲1,364

  One-page websites from real Google Maps reviews

  AI · Apr 2026 · brila.ai

• AG
  A game where you build a GPU▲964

  Thought the resources for GPU arch were lacking, so here we are

  Life & fun · Apr 2026 · jaso1024.com

• 
  I built a tiny LLM to demystify how language models work▲915

  Built a ~9M param LLM from scratch to understand how they actually work. Vanilla transformer, 60K synthetic conversations, ~130 lines of PyTorch. Trains in 5 min on a free Colab T4. The fish thinks the meaning of life is food. Fork it and swap the personality for your own character.

  AI · Apr 2026 · github.com

• 
  Fathom 3.0▲800

  AI meeting notes: now bot-free, in ChatGPT & Claude + more

  AI · Apr 2026 · fathom.ai

• 
  Brutalist Concrete Laptop Stand (2024)▲786

  I made a laptop stand out of solid concrete, in the style of brutalist architecture, with themes of urbex and urban decay

  Life & fun · Apr 2026 · sam-burns.com

• 
  I built a frontpage for personal blogs▲783

  With social media and now AI, its important to keep the indie web alive. There are many people who write frequently. Blogosphere tries to highlight them by fetching the recent posts from personal blogs across many categories. There are two versions: Minimal (HN-inspired, fast, static): https://text.blogosphere.app/ Non-minimal: https://blogosphere.app/ If you don't find your blog (or your favorite ones), please add them. I will review and approve it.

  AI · Apr 2026 · text.blogosphere.app