<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Bryan</title>
    <description>The latest articles on DEV Community by Bryan (@sakaax).</description>
    <link>https://dev.to/sakaax</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3855949%2Fde44939f-bf77-4526-9492-d9541102aa3d.jpeg</url>
      <title>DEV Community: Bryan</title>
      <link>https://dev.to/sakaax</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/sakaax"/>
    <language>en</language>
    <item>
      <title>I shipped my first iOS app, got rejected twice, and built a tool so it never happens again</title>
      <dc:creator>Bryan</dc:creator>
      <pubDate>Fri, 12 Jun 2026 17:36:02 +0000</pubDate>
      <link>https://dev.to/sakaax/i-shipped-my-first-ios-app-got-rejected-twice-and-built-a-tool-so-it-never-happens-again-ja6</link>
      <guid>https://dev.to/sakaax/i-shipped-my-first-ios-app-got-rejected-twice-and-built-a-tool-so-it-never-happens-again-ja6</guid>
      <description>&lt;p&gt;The code was never the hard part. The App Store review was.&lt;/p&gt;

&lt;p&gt;I shipped my first iOS app — a small baby tracker — and got rejected twice. Not for bugs. Not for crashes. For things I literally couldn’t see: a privacy-label mismatch I didn’t know existed, and EULA/paywall wording that wasn’t where Apple wanted it. Each rejection meant a 24–48h wait, a fix, a resubmit, and another wait.&lt;/p&gt;

&lt;p&gt;The frustrating part wasn’t the rejection. It was that every reason was already sitting in my build and my App Store Connect metadata the whole time. Nothing just cross-references them and tells you “hey, this will bounce.”&lt;/p&gt;

&lt;p&gt;So I started pulling my own builds apart to understand what Apple actually looks at. Here’s what I learned — and the Swift to do it yourself.&lt;/p&gt;

&lt;p&gt;An .ipa is just a ZIP&lt;/p&gt;

&lt;p&gt;That’s the first thing that clicks. Rename it, unzip it, and you get:&lt;/p&gt;

&lt;p&gt;Payload/&lt;br&gt;
  YourApp.app/&lt;br&gt;
    Info.plist&lt;br&gt;
    PrivacyInfo.xcprivacy&lt;br&gt;
    embedded.mobileprovision&lt;br&gt;
    Frameworks/&lt;br&gt;
      SomeSDK.framework/&lt;br&gt;
        PrivacyInfo.xcprivacy&lt;/p&gt;

&lt;p&gt;Everything Apple’s automated checks care about is in there. If you build with Xcode, the .xcarchive in ~/Library/Developer/Xcode/Archives has the same .app bundle under Products/Applications/ — and it exists before you export an .ipa, so you can inspect it earlier.&lt;/p&gt;

&lt;p&gt;Reading Info.plist (it’s binary)&lt;/p&gt;

&lt;p&gt;A common gotcha: the Info.plist inside a shipped build is usually in binary format, not XML. In Swift, PropertyListSerialization handles both transparently:&lt;/p&gt;

&lt;p&gt;let plistURL = appURL.appendingPathComponent("Info.plist")&lt;br&gt;
let data = try Data(contentsOf: plistURL)&lt;br&gt;
let info = try PropertyListSerialization&lt;br&gt;
    .propertyList(from: data, format: nil) as? [String: Any] ?? [:]&lt;/p&gt;

&lt;p&gt;Now you can check the things that quietly get apps rejected. The classic one is empty or placeholder usage strings (Guideline 5.1.1):&lt;/p&gt;

&lt;p&gt;for (key, value) in info where key.hasSuffix("UsageDescription") {&lt;br&gt;
    let text = (value as? String ?? "").trimmingCharacters(in: .whitespaces)&lt;br&gt;
    if text.count &amp;lt; 10 || ["todo", "test", "xxx"].contains(text.lowercased()) {&lt;br&gt;
        flag(.error, "5.1.1", "(key) is empty or placeholder")&lt;br&gt;
    }&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;I shipped a NSCameraUsageDescription that literally said “TODO” once. Don’t be me.&lt;/p&gt;

&lt;p&gt;Another cheap win: ITSAppUsesNonExemptEncryption. If it’s missing, you get the export-compliance question on every submission, which slows you down.&lt;/p&gt;

&lt;p&gt;The privacy manifests (the modern rejection magnet)&lt;/p&gt;

&lt;p&gt;Since May 2024, third-party SDKs that use “required reason APIs” must ship a privacy manifest (PrivacyInfo.xcprivacy). Missing ones are a top rejection reason now. They live at the app root and inside each .framework, so you walk them recursively:&lt;/p&gt;

&lt;p&gt;let frameworksURL = appURL.appendingPathComponent("Frameworks")&lt;br&gt;
let frameworks = (try? FileManager.default.contentsOfDirectory(&lt;br&gt;
    at: frameworksURL, includingPropertiesForKeys: nil)) ?? []&lt;/p&gt;

&lt;p&gt;for framework in frameworks where framework.pathExtension == "framework" {&lt;br&gt;
    let manifest = framework.appendingPathComponent("PrivacyInfo.xcprivacy")&lt;br&gt;
    if !FileManager.default.fileExists(atPath: manifest.path) {&lt;br&gt;
        flag(.error, "privacy", "(framework.lastPathComponent): no privacy manifest")&lt;br&gt;
    }&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;The part that actually matters: the cross-check&lt;/p&gt;

&lt;p&gt;Here’s the insight that turned this from “a checklist” into something useful.&lt;/p&gt;

&lt;p&gt;A static checklist can tell you “you should declare your data collection.” It can’t tell you that your specific build contains an SDK that collects data you forgot to declare. That requires crossing your build with your App Store Connect metadata.&lt;/p&gt;

&lt;p&gt;Concrete example: RevenueCat’s privacy manifest declares it collects Purchase History:&lt;/p&gt;

&lt;p&gt;let manifestData = try Data(contentsOf: manifest)&lt;br&gt;
let m = try PropertyListSerialization&lt;br&gt;
    .propertyList(from: manifestData, format: nil) as? [String: Any] ?? [:]&lt;/p&gt;

&lt;p&gt;let collected = (m["NSPrivacyCollectedDataTypes"] as? [[String: Any]] ?? [])&lt;br&gt;
    .compactMap { $0["NSPrivacyCollectedDataType"] as? String }&lt;br&gt;
// -&amp;gt; ["NSPrivacyCollectedDataTypePurchaseHistory"]&lt;/p&gt;

&lt;p&gt;If that data type is collected by an SDK in your binary but missing from your App Privacy labels in App Store Connect (which you can read via the App Store Connect API, read-only), that’s an instant Guideline 5.1.1 rejection — and one you’d never catch by eye. That mismatch is the whole game.&lt;/p&gt;

&lt;p&gt;Deterministic vs subjective&lt;/p&gt;

&lt;p&gt;One honest distinction I had to make: not all rejections are catchable from static analysis.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Deterministic (always catchable): missing privacy manifests, undeclared SDK data, empty usage strings, export compliance, metadata mismatches. These never vary by reviewer.&lt;/li&gt;
&lt;li&gt;Subjective (reviewer-dependent): design judgments, “spam”, perceived value. No tool can predict these honestly.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Anyone claiming to predict the second bucket is selling you something. The first bucket, though? That’s the stuff that quietly wastes your week, and it’s 100% catchable before you ever hit “Submit.”&lt;/p&gt;

&lt;p&gt;I packaged this into a tool&lt;/p&gt;

&lt;p&gt;I ended up turning all of this into a small native macOS app called Cleared — you drop in a build, it parses it locally, pulls your App Store Connect metadata read-only, and flags the deterministic rejection reasons before you submit. It runs fully on-device (the AI explanations too — no key, nothing leaves your Mac).&lt;/p&gt;

&lt;p&gt;But honestly, the point of this post isn’t the tool. It’s that most App Store rejections are predictable, and you already have everything you need to catch them — it’s sitting in your .ipa right now.&lt;/p&gt;

&lt;p&gt;If you ship iOS apps: what’s the rejection that burned you the most? I’m still adding checks based on real ones.&lt;/p&gt;

&lt;p&gt;(If you want to try the tool: cleared.sakaax.com — but the parsing above works on its own too.)&lt;/p&gt;

</description>
      <category>ios</category>
      <category>swift</category>
      <category>appstore</category>
      <category>indiedev</category>
    </item>
    <item>
      <title>I built img-pilot: the first Claude Code plugin that generates AI images from your terminal</title>
      <dc:creator>Bryan</dc:creator>
      <pubDate>Thu, 16 Apr 2026 21:26:34 +0000</pubDate>
      <link>https://dev.to/sakaax/i-built-img-pilot-the-first-claude-code-plugin-that-generates-ai-images-from-your-terminal-511e</link>
      <guid>https://dev.to/sakaax/i-built-img-pilot-the-first-claude-code-plugin-that-generates-ai-images-from-your-terminal-511e</guid>
      <description>&lt;p&gt;Every time I ship a side project, I spend 3 hours on brand assets I don't care about. Logo. Favicon 16 and 32. Apple touch icon. OG image. Twitter card. Discord embed. GitHub banner. iOS icon. Android icon. Different sizes, different crops, same logo.&lt;/p&gt;

&lt;p&gt;Each one is a browser tab, a prompt I'll throw away, a manual copy-paste, a resize in Figma.&lt;/p&gt;

&lt;p&gt;So I built &lt;strong&gt;img-pilot&lt;/strong&gt; — the first Claude Code plugin that generates AI images from your terminal. And because I refuse to pay for eight API calls when I only need the first one, I built a cost optimizer that derives every variant locally.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;One API call. Eight assets. Nine providers.&lt;/strong&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What it actually does
&lt;/h2&gt;

&lt;p&gt;From inside Claude Code:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;/img-pilot logo
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;That triggers four phases:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Claude reads your context&lt;/strong&gt; — if you have &lt;a href="https://ux-pilot.sakaax.com" rel="noopener noreferrer"&gt;ux-pilot&lt;/a&gt; or &lt;a href="https://brand-pilot.sakaax.com" rel="noopener noreferrer"&gt;brand-pilot&lt;/a&gt; installed, it parses their brief files. Otherwise it runs a 6-question discovery (ABCD + free text) and writes &lt;code&gt;img-pilot/brief.md&lt;/code&gt; for future runs.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Claude builds the prompt&lt;/strong&gt; — from the brief, your brand vocabulary, your target provider's strengths. Not a generic "make me a logo" — a real production prompt.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;The cost optimizer picks the cheapest path&lt;/strong&gt; — this is the interesting bit. More below.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Dry-run confirmation&lt;/strong&gt; — you see the plan (provider, exact prompt, cost estimate in USD) and type yes before a single byte goes out.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  The cost-optimizer trick
&lt;/h2&gt;

&lt;p&gt;Before every asset request, the optimizer walks a decision tree:&lt;/p&gt;

</description>
      <category>claude</category>
      <category>ai</category>
      <category>nanobanana</category>
    </item>
    <item>
      <title>Stop shipping ugly AI apps: I built a CLI to fix brand &amp; SEO issues</title>
      <dc:creator>Bryan</dc:creator>
      <pubDate>Wed, 15 Apr 2026 18:35:58 +0000</pubDate>
      <link>https://dev.to/sakaax/stop-shipping-ugly-ai-apps-i-built-a-cli-to-fix-brand-seo-issues-37ig</link>
      <guid>https://dev.to/sakaax/stop-shipping-ugly-ai-apps-i-built-a-cli-to-fix-brand-seo-issues-37ig</guid>
      <description>&lt;p&gt;I kept noticing the same pattern with AI-generated apps.&lt;/p&gt;

&lt;p&gt;They work.&lt;br&gt;
But they look... off.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Colors drift&lt;/li&gt;
&lt;li&gt;Components are inconsistent&lt;/li&gt;
&lt;li&gt;SEO is half-broken&lt;/li&gt;
&lt;li&gt;Branding feels random&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;So I built something to fix that.&lt;/p&gt;

&lt;h2&gt;
  
  
  Introducing Brand Pilot
&lt;/h2&gt;

&lt;p&gt;Brand Pilot is a CLI tool that scans your project and detects brand and SEO issues directly from your terminal.&lt;/p&gt;

&lt;p&gt;No dashboards. No setup. Just run a command.&lt;/p&gt;

&lt;p&gt;👉 Check it out: &lt;a href="https://brand-pilot.sakaax.com" rel="noopener noreferrer"&gt;https://brand-pilot.sakaax.com&lt;/a&gt;&lt;br&gt;&lt;br&gt;
👉 GitHub repo: &lt;a href="https://github.com/Sakaax/brand-pilot" rel="noopener noreferrer"&gt;https://github.com/Sakaax/brand-pilot&lt;/a&gt;  &lt;/p&gt;

&lt;h2&gt;
  
  
  What it does
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Audits brand consistency (colors, fonts, components)&lt;/li&gt;
&lt;li&gt;Detects SEO issues (meta tags, OG, structure)&lt;/li&gt;
&lt;li&gt;Generates README, OG images, and brand kits&lt;/li&gt;
&lt;li&gt;Works locally (no API, no telemetry)&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Example
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;
bash
/brand-pilot audit
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

</description>
      <category>ai</category>
      <category>claude</category>
      <category>vibecoding</category>
    </item>
    <item>
      <title>I built a UX co-pilot for Claude Code — 376 rules, live preview, zero AI slop</title>
      <dc:creator>Bryan</dc:creator>
      <pubDate>Wed, 01 Apr 2026 15:29:41 +0000</pubDate>
      <link>https://dev.to/sakaax/i-built-a-ux-co-pilot-for-claude-code-376-rules-live-preview-zero-ai-slop-13p6</link>
      <guid>https://dev.to/sakaax/i-built-a-ux-co-pilot-for-claude-code-376-rules-live-preview-zero-ai-slop-13p6</guid>
      <description>&lt;h2&gt;
  
  
  The problem
&lt;/h2&gt;

&lt;p&gt;Every time I asked an AI to design a UI, I got the same output:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Inter font&lt;/li&gt;
&lt;li&gt;Purple gradient on white background&lt;/li&gt;
&lt;li&gt;Centered hero with a subtitle and a button&lt;/li&gt;
&lt;li&gt;"Here's V1, V2, and V3"&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;It looked... fine. But it looked like everything else. No personality, no UX thinking, no understanding of what the product actually needed.&lt;/p&gt;

&lt;p&gt;## The idea&lt;/p&gt;

&lt;p&gt;What if the AI could &lt;strong&gt;ask questions first&lt;/strong&gt; before generating anything?&lt;/p&gt;

&lt;p&gt;What if it understood that a fintech dashboard needs different UX rules than a restaurant landing page? That a dev tool should use monospace fonts and dark mode, not pastel gradients?&lt;/p&gt;

&lt;p&gt;That's what I built.&lt;/p&gt;

&lt;p&gt;## Meet ux-pilot&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/Sakaax/ux-pilot" rel="noopener noreferrer"&gt;ux-pilot&lt;/a&gt; is a free, open-source plugin for &lt;a href="https://claude.ai/code" rel="noopener noreferrer"&gt;Claude Code&lt;/a&gt; that acts as a senior UX designer inside your terminal.&lt;/p&gt;

&lt;p&gt;Instead of generating code directly, it runs a &lt;strong&gt;structured discovery flow&lt;/strong&gt; — asks about your product, users, business model, and design preferences — then applies the right rules from a&lt;br&gt;
   library of &lt;strong&gt;376 UX rules&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;### The 4 phases&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;1. Discovery&lt;/strong&gt;&lt;br&gt;
  The plugin asks questions one at a time (ABCD choices + free text). It adapts — if you're building a CLI tool, it skips pricing/funnel questions. If you give detailed answers, it infers&lt;br&gt;
  what it can and moves faster.&lt;/p&gt;

&lt;p&gt;Output: a structured UX Brief.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;2. Audit&lt;/strong&gt;&lt;br&gt;
  Already have code? The plugin scans it. It detects your framework (Next.js, React, Vue, Svelte), checks routes, HTML structure, forms, accessibility, SEO, mobile. Produces a scored report&lt;br&gt;
   with findings by severity.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;3. Preview&lt;/strong&gt;&lt;br&gt;
  Opens a local server with hot reload (SSE). Generates screens in vanilla HTML/CSS. For each screen, proposes 2-3 &lt;strong&gt;named versions&lt;/strong&gt; — not V1/V2/V3, but descriptive names like "Classic",&lt;br&gt;
  "Bold", "Minimal". You approve, reject, or comment.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;4. Export&lt;/strong&gt;&lt;br&gt;
  Generates a complete UX spec in markdown. Optionally converts approved screens to React, Svelte, or Vue components.&lt;/p&gt;

&lt;p&gt;## 376 rules, loaded on-demand&lt;/p&gt;

&lt;p&gt;The rules are organized in 6 categories:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;UX Patterns&lt;/strong&gt; (10 files) — accessibility, forms, navigation, layout, typography&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Conversion &amp;amp; Funnel&lt;/strong&gt; (7 files) — CTA, pricing, signup, 34 landing patterns&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;SEO &amp;amp; AEO&lt;/strong&gt; (5 files) — structure, schema.org, AI citation optimization&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Psychology&lt;/strong&gt; (4 files) — social proof, cognitive load, trust, persuasion&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Aesthetics&lt;/strong&gt; (4 files) — anti-AI-slop, typography craft, 67 UI styles&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Product Type&lt;/strong&gt; (1 file) — 30 product-specific recommendations&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Key design decision&lt;/strong&gt;: rules are never loaded all at once. When you're designing a landing page, only landing-patterns, cta, seo, aesthetics, and social-proof rules are loaded. This&lt;br&gt;
  saves tokens and improves accuracy.&lt;/p&gt;

&lt;p&gt;## The anti "AI slop" feature&lt;/p&gt;

&lt;p&gt;This was the main motivation. The plugin has explicit rules against generic AI output:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Banned:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Inter, Roboto, Arial, system fonts&lt;/li&gt;
&lt;li&gt;Purple gradients on white backgrounds&lt;/li&gt;
&lt;li&gt;Cookie-cutter layouts&lt;/li&gt;
&lt;li&gt;V1/V2/V3 version naming&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Instead:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Distinctive fonts with weight extremes (200 vs 800)&lt;/li&gt;
&lt;li&gt;3x+ size jumps between heading and body&lt;/li&gt;
&lt;li&gt;Gradient meshes, noise textures&lt;/li&gt;
&lt;li&gt;Descriptive version names&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;## Built-in data&lt;/p&gt;

&lt;p&gt;Beyond rules, the plugin ships with curated design data:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;161 color palettes&lt;/strong&gt; — industry-specific&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;57 font pairings&lt;/strong&gt; — Google Fonts with mood tags&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;67 UI styles&lt;/strong&gt; — with use cases and CSS hints&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;30 product types&lt;/strong&gt; — with landing patterns and anti-patterns&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;## The meta flex&lt;/p&gt;

&lt;p&gt;The &lt;a href="https://ux-pilot.sakaax.com" rel="noopener noreferrer"&gt;landing page&lt;/a&gt; for ux-pilot was designed using ux-pilot itself. The plugin ran the discovery, chose the typography (Newsreader + Space Grotesk + JetBrains&lt;br&gt;
   Mono), picked the terracotta accent, and generated the structure.&lt;/p&gt;

&lt;p&gt;## Try it&lt;/p&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;
bash
  /plugin marketplace add Sakaax/ux-pilot
  /plugin install ux-pilot@ux-pilot
  /ux-pilot

  - Landing: https://ux-pilot.sakaax.com
  - Demo: https://ux-pilot.sakaax.com/demo.html
  - GitHub: https://github.com/Sakaax/ux-pilot
  - Product Hunt: https://www.producthunt.com/products/ux-pilot-2

  Free, MIT licensed, open source. Feedback welcome — especially on the rule set and the discovery flow.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

</description>
      <category>ai</category>
      <category>showdev</category>
      <category>ui</category>
      <category>ux</category>
    </item>
  </channel>
</rss>
