design-system

Tag

Cards List
#design-system

@kentcdodds: This is pretty insane. You can run a full stack @remix_run app inside @kodykoala: https://kody.codes/@kentcdodds/packag…

X AI KOLs Following · 6d ago Cached

Kent C. Dodds announces a package app kit for Kody that enables running full-stack Remix apps with integrated features like design tokens, PWA support, error handling, and realtime sync.

0 favorites 0 likes
#design-system

@Jolyne_AI: Ambient CSS is impressive; I've seldom encountered a library like it: it integrates physical lighting models into CSS, allowing React components to have realistic highlights, shadows, and surface textures. The author uses the same geometry and lighting to render in Blender first, then replicates it precisely in the browser with box-shadow and CSS variables…

X AI KOLs Timeline · 2026-09-13 Cached

Ambient CSS is a library that brings physical lighting models to CSS, enabling React components to achieve realistic highlights, shadows, and surface textures. The author recreates lighting through Blender rendering and CSS variables, providing a rich set of components such as buttons, knobs, and more.

0 favorites 0 likes
#design-system

Show HN: Build your own theme park

Hacker News Top · 2026-08-26 Cached

Magic Patterns has released an AI-powered tool that allows users to build and design their own theme parks, featuring elements like rollercoasters and design systems.

0 favorites 0 likes
#design-system

@suraj_sharma14: This is insane https://beautiful-ui-five.vercel.app

X AI KOLs Timeline · 2026-08-16 Cached

Beautiful UI offers a collection of crafted primitives for building AI-native interfaces, featuring components such as loading states, thinking traces, and streaming text displays.

0 favorites 0 likes
#design-system

@GitHub_Daily: Saw a nice website and want to replicate it, but extracting colors, fonts, and spacing requires digging through CSS for hours. SkillUI takes a URL and automatically extracts the entire design system. Colors, fonts, spacing, animations, component screenshots, packaged into a Skill that Claude Code can read directly. GitHub: …

X AI KOLs Timeline · 2026-08-15 Cached

SkillUI is a command-line tool that extracts a complete design system from any website, including colors, fonts, spacing, animations, and component screenshots, and packages it into a format directly readable by Claude Code, helping quickly replicate a website's visual style.

0 favorites 0 likes
#design-system

@pbakaus: Impeccable 4.1 is here: core: -critique results more reliably prints in chat before asking you questions - the design h…

X AI KOLs Timeline · 2026-08-14 Cached

Impeccable 4.1 releases with 43 PRs, improving critique reliability, design-system consistency, native app review, plugin installs, and live mode support across more dev environments.

0 favorites 0 likes
#design-system

@tom_doerr: Extracts logos, colors, typography, and borders from any website into design tokens. https://github.com/dembrandt/dembr…

X AI KOLs Timeline · 2026-08-06 Cached

Dembrandt is an open-source CLI tool that extracts a website's design system—logos, colors, typography, borders, spacing, and more—into design tokens. It supports MCP integration for AI agents and offers a companion app for drift tracking and visual diffs.

0 favorites 0 likes
#design-system

@bkdgiffug: Vercel is a real one — they just threw out their own design.md. Other companies keep their design guidelines under wraps, but Vercel insists on making them public for everyone to see. I also took a look at the new homepage; seems like it's been redesigned — pure black background with a single triangle in the center, clean and crisp. It's much more enduring than all those flashy 'I'm so special' designs out there. If you're into this, just take it and use it…

X AI KOLs Timeline · 2026-08-05 Cached

Vercel publicly shared its design.md design guidelines and showcased its new minimalist homepage, earning praise from developers.

0 favorites 0 likes
#design-system

I built an open-source skill that gives coding agents a persistent design system before they generate UI

Reddit r/AI_Agents · 2026-07-28

The author built an open-source skill that provides coding agents with a persistent design system before they generate UI.

0 favorites 0 likes
#design-system

@0xCheshire: AI-generated websites always have a template feel, but it’s not necessarily because the model isn’t strong enough. You might just be missing one file: `DESIGN.md`. Awesome DESIGN.md collects over 70 visual rules curated from real websites, covering Vercel, Apple, Stripe, …

X AI KOLs Timeline · 2026-07-27 Cached

Awesome DESIGN.md is an open-source project that collects over 70 visual rules curated from real websites to help AI generate more natural web designs.

0 favorites 0 likes
#design-system

98.css

Hacker News Top · 2026-07-23 Cached

98.css is a CSS library for building interfaces that look like Windows 98, offering semantic HTML components and zero JavaScript.

0 favorites 0 likes
#design-system

@LinxFocus: Front-end jobs are truly at risk — this project has reached 96,000 stars on GitHub. It compiles design systems from globally renowned companies like Apple, Figma, Linear, and Stripe into DESIGH.md files, enabling AI to learn the UI styles of top brands without any parsing or configuration.

X AI KOLs Timeline · 2026-07-07 Cached

An open-source project that collects design systems from well-known companies such as Apple, Figma, Linear, and Stripe, and organizes them into DESIGH.md files. It has gained 96,000 stars and allows AI to learn the UI styles of top brands, directly generating interfaces that follow the given rules.

0 favorites 0 likes
#design-system

@dotey: Most companies no longer need a web infra team. Focus on various skills and automated testing/deployment (CI/CD), actively embrace AI-friendly open-source projects, and simplify the design system to design.md

X AI KOLs Timeline · 2026-07-05 Cached

The view is that most companies no longer need a web infra team. They should focus on skills, CI/CD, embrace AI-friendly open-source projects, and simplify the design system.

0 favorites 0 likes
#design-system

Claude Design System Prompt

Hacker News Top · 2026-07-05 Cached

An open-source system prompt and skill library that turns an LLM into an opinionated, accessibility-aware design collaborator, rejecting common AI design tropes.

0 favorites 0 likes
#design-system

v0 Design Systems 2.0

Product Hunt · 2026-06-29

v0 Design Systems 2.0 is a product update that allows building with custom components, colors, fonts, and patterns.

0 favorites 0 likes
#design-system

@jholtdigital: A friend encouraged me recently if I want to know how well something works for my use case, I should try it for a month…

X AI KOLs Following · 2026-06-20 Cached

A user shares experience using FactoryAI to convert a design system from HTML/CSS to Flutter widgets with E2E testing. The tool employs an orchestrator, workers, and validators using multiple AI models to plan and execute long-horizon tasks over 79 hours, spawning over 229 agents.

0 favorites 0 likes
#design-system

@PrajwalTomar_: WAIT. This is actually insane. This secret tool just built me a complete mobile app design system in under 30 minutes. …

X AI KOLs Following · 2026-06-18 Cached

A secret tool claims to build a complete mobile app design system in under 30 minutes, including design tokens, full component library, and live variants ready for Codex integration.

0 favorites 0 likes
#design-system

@claudeai: New in Claude Design: it stays on brand with your design system across projects, lets you edit directly on the canvas, …

X AI KOLs Following · 2026-06-17 Cached

Claude Design now allows users to maintain brand consistency across projects with design system integration, direct canvas editing, synchronization with Claude Code, and expanded tool connectivity.

0 favorites 0 likes
#design-system

@PrajwalTomar_: https://x.com/PrajwalTomar_/status/2067193984062300425

X AI KOLs Following · 2026-06-17 Cached

This article details the Codex + Moonchild workflow for building AI apps with consistent, professional UI by first creating a robust design system, addressing the problem of 'vibe-coded' apps that look AI-generated.

0 favorites 0 likes
#design-system

@xin_pai88825: A web to design md skill I made earlier, kept forgetting to share with everyone. It's now open-sourced on GitHub. The first and second images show the extraction results, and my friends are all praising it. Usage is very simple: just send a URL to it and let it extract design.mdj for you.

X AI KOLs Following · 2026-06-08 Cached

The author shares an open-source tool that converts web pages to design.md. It's easy to use: just send a URL and it will extract the design file.

0 favorites 0 likes
Next →
← Back to home

Submit Feedback