Ray Fernando recommends using professionally designed themes as a starting point for AI-built apps, including their responsive CSS and existing design decisions. He suggests asking a coding agentAn AI coding agent is a tool-using AI system that can inspect, modify, and validate software within a repository. to extract a reusable design documentContext engineering designs how relevant instructions, evidence, state and tool information are assembled for a model's task. from a theme.
Fernando reviews a generated app interfaceAI-generated code is software source or configuration produced substantially by an AI model from prompts, context, examples, or tool feedback. and asks an agent to make it simpler and more like a native macOS app. He discusses restrained color, clear visual hierarchy and showing the user one main intent at a time.
He also recommends following existing SwiftUI guidance and keeping colors and specifications in a shared design systemA design system is a maintained collection of principles, tokens, components, patterns, and documentation for creating consistent interfaces. rather than updating many files independently.
Watch on YouTube
