Ui Design

6 articles about ui design.

Building UI for Agentic Workflows Using MCP Apps

·2 min read

Why strict JSON schemas for MCP tools are essential for building reliable UIs on top of agentic workflows, and common pitfalls to avoid.

mcpui-designagentic-workflowsjson-schemadeveloper-tools

Floating Bar vs Sidebar - Designing a macOS AI Agent That Stays Out of Your Way

·2 min read

Sidebars steal screen space permanently. A hotkey-activated floating bar gives you AI agent access without sacrificing your workspace layout.

macosui-designfloating-barsidebardesktop-agent

Opus for UI Work with Clear Constraints

·2 min read

Claude Opus excels at UI design tasks when given clear constraints. A Superpowers plugin designed a connection stats UI that was better than what manual

opusui-designconstraintsclaude-codedesign-workflow

Building an Intelligent macOS Sidebar That Actually Blends Into Your Desktop

·2 min read

Why the best desktop AI tools feel native to macOS. How Swift and AppKit create sidebars that blend into the desktop instead of feeling like foreign apps.

sidebarmacosnative-swiftui-designdesktop

Building a Floating Toolbar in SwiftUI for macOS - Lessons from a Desktop Agent

·3 min read

Practical SwiftUI patterns for building a floating toolbar on macOS - @State layout management, frame animations, and keyboard height tracking for menu bar

swiftuimacostoolbarui-designmenu-bar

Why Native Swift Menu Bar Apps Are the Right UI for AI Agents

·3 min read

Nobody wants to switch to a separate window to talk to AI. A floating menu bar app with push-to-talk is the interaction model that actually works for

swiftmacosui-designmenu-bardesktop-agent

Browse by Topic