#Tailwind CSS
106 related articles
Tutorials·2 min
After Leaving Tailwind, These CSS Color Palette Tools Are Worth Bookmarking
After returning to vanilla CSS from Tailwind, how do you choose a good color system? This article covers community-recommended CSS palette solutions including Reasonable Colours, Flexoki, uchū, and generator tools like tints.dev.
Read more →
·3 min
Datastar Framework Deep Dive: A New Paradigm for Hypermedia-Driven State Management
Deep dive into Datastar hypermedia framework's core philosophy and implementation. Learn how putting state in the right place simplifies frontend architecture.
Read more →
·3 min
Datastar Framework Explained: A New Hypermedia-Driven Paradigm for State Management
Deep dive into the Datastar hypermedia framework: its core philosophy, technical implementation, HTMX comparison, and how putting state in the right place simplifies frontend architecture.
Read more →
·4 min
OpenAI Employee Shares How to Build an AI Work Operating System with Codex
OpenAI's Jason Liu shares how he uses ChatGPT Workbench and Codex to build an AI work OS: Chief of Staff automation, persistent threads, Skills/Plugins, browser control, and app-building methodology.
Read more →
·2 min
Impeccable Open Source Project Deep Dive: A Design Language Framework That Gives AI a Designer's Eye
Deep dive into the trending open source project Impeccable — a design language framework that enables AI tools to generate professional-grade UI. Learn how it bridges the design quality gap in AI-generated interfaces.
Read more →
·3 min
Stop Flying Blind: A Complete Practical Guide to Writing Evals for AI Agent Skills
A Google DeepMind engineer reveals that over 50,000 AI agent skills come with almost no evals. Learn how to write skill evaluations, from description tuning to test design.
Read more →
·3 min
Stop Flying Blind: A Complete Practical Guide to Writing Evals for AI Agent Skills
A Google DeepMind engineer reveals that over 50,000 AI agent skills come with almost no evals. This guide covers skill descriptions, test design, eval harnesses, and retirement strategies.
Read more →
·4 min
Teaching AI to Have "Taste": Exploring Multi-Agent Design with Open-Source Skill Taste
Why does AI-generated UI all look the same? Designer SEN open-sourced a Skill called Taste that uses a four-agent pipeline to reverse-engineer website "taste" into verifiable design principles called Taste DNA.
Read more →
·4 min
Stop Shipping Skills Blindly! A Google DeepMind Engineer's Hands-On Guide to Agent Evaluation
Google DeepMind engineer Philip reveals: almost everyone uses coding agent Skills, yet almost no one writes evals for them. A deep dive into Skill evaluation methods, 8 actionable tips, and a real Gemini API case study.
Read more →
ui-skills: An AI Skills Library Built …
·4 min
ui-skills: An AI Skills Library Built for Design Engineers
ui-skills is an open-source AI Skills library for design engineers that helps AI generate higher-quality UI code. It quickly gained thousands of GitHub Stars.
Read more →
·3 min
One-Prompt Apps: Demos Are Easy, Shipping Is the Real Test
Is one-prompt app generation really that powerful? We break down three tiers of AI dev tools, expose the gap between demo and production, and compare top domestic platforms including Baidu Miaoda and Ant Lingguan.
Read more →
·3 min
OpenAI Codex IDE Extension in Practice: A Complete Guide to VS Code Installation and Local Development
A hands-on guide to installing and configuring the OpenAI Codex IDE extension, covering its three working modes and Agent demo. Supports VS Code, Cursor, and Windsurf.
Read more →
Brainless: An AI-Native UI Component L…
·2 min
Brainless: An AI-Native UI Component Library Built on Shadcn for Replicating Claude Code's Interface Style
Brainless is an open-source UI component library built on Shadcn/ui, offering Claude Code, OpenAI Codex, and Grok-style components to help developers quickly build AI-native chat and CLI interfaces.
Read more →
·1 min
shadcn/typeset: One CSS File to Solve All Your Markdown Typography Problems
shadcn/typeset uses a single customizable typeset.css file to handle Markdown typography for blogs, docs, and AI chat — with native streaming support.
Read more →
shadcn/helpers Open-Sourced: createCha…
·2 min
shadcn/helpers Open-Sourced: createChat Makes AI Component Testing More Efficient
shadcn open-sources @shadcn/helpers with createChat — a utility for AI SDK and TanStack AI that enables scripted conversations, tool calls, and deterministic testing.
Read more →
StyleSeed: A Design Rules Engine to En…
·2 min
StyleSeed: A Design Rules Engine to End the Homogenization Problem in AI-Generated UI
StyleSeed is an open-source design-rules engine that injects structured color, typography, and component specs into AI workflows to eliminate generic UI output.
Read more →
·2 min
BaseUI: An 'Anti-Slop' React Open-Source Library with 88 Components, Fighting AI Interface Homogenization
BaseUI is an open-source React component library built on 'anti-slop' principles, offering 88 components, built-in light/dark themes, and TypeScript support — a more opinionated alternative to shadcn/Radix.
Read more →
·5 min
The Definitive Guide to Claude Code: Core Methodology and Best Practices for Agentic Programming
A deep dive into Claude Code, the definitive course from DeepLearning.AI and Anthropic: from agentic principles and context optimization to three hands-on cases—RAG chatbot, Figma-to-frontend, and data analysis. Master AI-assisted coding methodology.
Read more →
·2 min
A Complete Guide to Nuxt: Core Features and Best Practices of the Vue Full-Stack Framework
An in-depth look at Nuxt—the full-stack meta-framework built on Vue.js. Covers SSR, SSG, the Nitro server engine, file-system routing, and more.
Read more →
·3 min
OpenAI Codex CLI Hands-On Tutorial: A Guide to Using the Local Terminal AI Coding Agent
An in-depth guide to installing, logging in, and using OpenAI Codex CLI: call AI directly in your local terminal to modify code, refactor components, and add file and image context, with Git branch management for an efficient local AI coding workflow.
Read more →