Chezky's Blog

TypeUI.sh — 48 Design Skill Files for Claude and AI Coding Tools

A developer named elwingo1 just dropped something really useful for anyone building with Claude or other AI coding tools: a collection of 48 design skill files at typeui.sh. The Reddit post in r/ClaudeAI blew up with 438 upvotes and the community loved it.

The idea is simple but powerful. These are skill.md files — structured documents that describe a design system, including color tokens, typography, spacing, and style rules. When you drop one into Claude Code, Cursor, or any other AI coding tool, the AI is constrained to generate UI that follows that specific aesthetic. No more generic-looking, drifting styles — you pick a theme and the AI sticks to it.

There are 48 named styles to choose from including Paper, Bento, Neobrutalism, Bold, Enterprise, Artistic, Clean, Cafe, Dramatic, Refined, Energetic, and Mono — among others. Each one is a different visual personality for your app.

How to Use It

The CLI is open source under MIT. You can pull any skill with a single command:

npx typeui.sh pull neobrutalism

That drops a skill.md file into your project. Claude Code or any supported AI tool will then pick it up and use it as the design spec for everything it generates. You can also run npx typeui.sh generate to create a custom skill from your existing project, or npx typeui.sh update to tweak colors and fonts.

Why This Matters

One of the biggest pain points with AI-generated UIs is visual inconsistency. The AI produces different-looking components every time, and the overall product ends up feeling patchy. TypeUI solves this by giving the AI a reference it can't deviate from — essentially turning a vague prompt into a strict design contract.

The creator noted he built the whole website using Claude Opus and used Claude for the CLI as well. The community reaction was enthusiastic, with one mod-bot summary noting: "The consensus is clear: the community absolutely loves this." Plans include enhanced skill files for pro users, a Figma plugin, a visual UI builder, and eventually a public marketplace where users can contribute and share their own design skills.

The core CLI is free and open source. A single pro license runs $99 for 3 years of access, unlimited projects, and commercial use. Worth checking out if you're building anything with AI and care about how it looks.

GPT-5.4 is Now Available

We're excited to announce the release of GPT-5.4 — the most capable and efficient model for professional work across the API, Codex, and ChatGPT. It completes complex tasks with less back-and-forth while using significantly fewer tokens than GPT-5.2.

GPT-5.4 combines the industry-leading coding capabilities of GPT-5.3-Codex with stronger performance on long-running tasks, improved front-end UI generation, and built-in computer use (CUA). It also works seamlessly across tools — analyzing and creating spreadsheets, presentations, and documents — making it an ideal model for domains like financial services, data analysis, and customer support.

Build with GPT-5.4

Knowledge work: GPT-5.4 delivers even more consistent and polished results on real-world tasks that matter to professionals. On GDPval, GPT-5.4 achieves a new state of the art, matching or exceeding industry professionals in 83% of comparisons, compared to 71% for GPT-5.2.

Computer use and vision: GPT-5.4 introduces native computer use and achieves a state-of-the-art 75% on OSWorld-Verified (vs. 37.9% on GPT-5.2), making it the best model for building computer-operating agents. GPT-5.4's vision capabilities are also greatly improved, particularly with the new original detail parameter in the API.

Coding: GPT-5.4 is the best coding model yet — matching or outperforming GPT-5.3-Codex on SWE-Bench Pro with lower latency. It also features a larger, 1M-token context window, enabling longer-running tasks where the model can use tools, iterate, and verify its work.

Tool use: GPT-5.4 significantly improves how models work with external tools. It introduces tool search, allowing models to dynamically load tools into context without breaking the cache. It also improves tool calling performance across reasoning efforts, particularly for low-latency cases where reasoning is disabled.

Improved web search: GPT-5.4 is better at agentic web search. On BrowseComp, a measurement of how well AI agents can persistently browse the web to find hard-to-locate information, GPT-5.4 leaps 17% points over GPT-5.2, and GPT-5.4 Pro sets a new state of the art of 89.3%.

Welcome to My Blog

Welcome! This is the beginning of something new. I'm excited to share my thoughts, projects, and experiences here. Stay tuned for more posts coming soon.

This blog is a space where I'll be writing about things that interest me — from tech and development to life and everything in between.