Klarita
A design brief tool for the thinking you do before you build. It walks you through four phases (Explore, Define, Design, Test) with AI-guided activities that produce artifacts you can refine and hand off.
Visit KlaritaI'm Michael Angeles. I was the product designer at Balsamiq for 15 years and co-wrote Wireframing for Everyone. Now I design and build shipping products and write about the craft.
I take on a few client engagements a year. Work with me
Why a vault of linked markdown notes and an enterprise knowledge graph are the same shape. And why I built Unicron, a Mac app that turns notes into action items and pushes them through to done.
A Claude Code-powered second brain that functions as a persistent life and career coach, and tells you what you're avoiding.
AEO and GEO (Generative Engine Optimization) require different signals than traditional SEO. Here's what I actually did to get konigi.com visible to AI systems and what the limits of that work are.
A design brief tool for the thinking you do before you build. It walks you through four phases (Explore, Define, Design, Test) with AI-guided activities that produce artifacts you can refine and hand off.
Visit KlaritaA second-brain front end for Mac that turns a plain-markdown note vault into a daily briefing powered by Claude. Generates daily briefs, turns meeting transcripts into clean notes, rolls up open tasks, and maps how notes connect.
Visit UnicronFor designers who can shape a screen in Figma but have never turned one into something a person can actually click. Carry a real design all the way to a working, shareable prototype.
Start the courseFor UX and product designers who want to write real TypeScript, ship React and Vue components, and contribute confidently to a shared engineering repository.
Start the courseMichael Angeles is a UX and product designer based in the San Francisco Bay Area. He spent 15 years as the product designer at Balsamiq, co-wrote Wireframing for Everyone for A Book Apart, and co-founded the Information Architecture Institute.
Read the answerAn LLM graph wiki is a body of plain-text notes where every idea is its own atomic page and the links between pages carry meaning, so a language model can traverse it as a graph rather than search it as a pile of documents. Michael Angeles builds these for individuals and teams.
Read the answerWeb framework for building fast, content-focused websites with a flexible component model that works with React, Vue, Svelte, or plain HTML. A solid pick for portfolios, blogs, and marketing sites where performance and SEO matter more than heavy client-side interactivity.
↗ Claude CodeTerminal-first AI pair programmer. My primary building environment.
↗ RTK (Rust Token Killer)A CLI proxy that filters and compresses the output of common dev commands before it reaches an AI coding assistant, cutting LLM token use by 60-90%.
↗ UX Sentiment ResearchClaude skill that pulls UX sentiment and friction patterns for any product and turns them into interview-ready talking points. Good for design interview prep and competitive analysis.
↗ Vibe Security SkillAn agent skill that audits AI-generated code for common security holes coding assistants introduce, like hardcoded secrets, missing row-level security, and tokens in localStorage. Loads only the checks that fit your stack.
↗A directory of tools for design engineers, curated by James Warner. 28 categories covering AI code editors, component libraries, 3D, shaders, and motion.
↗ Dive ClubA podcast and article series for designers who never stop learning.
↗ RTK (Rust Token Killer)A CLI proxy that filters and compresses the output of common dev commands before it reaches an AI coding assistant, cutting LLM token use by 60-90%.
↗ TauriFramework for building small, fast, secure cross-platform apps with any web frontend and a Rust backend. Targets Linux, macOS, Windows, Android, and iOS from one codebase.
↗ UnicronMac-only personal knowledge management app that uses Claude as its engine to organize a plain-markdown vault. Includes daily briefs, task management, a note library, and a graph view.
↗ UI Skills for Design EngineersA curated directory of UI skills for design engineers covering accessibility, motion, and frontend craft, with copy-ready install commands.
↗Real App UX, Captured
jobs We Work RemotelyRemote Jobs, Design Category
Discovery abtest.designA/B Test Results, Curated
Discovery Brian Lovin / HN ReaderDesigner-Built Reading Interface
Personal Stefan SagmeisterEmotive Artifacts & Human Scale
Personal Paul StamatiouDesigner & Photographer