Apple HIG Design Intelligence

One more thing
your design needs.

The design system that makes AI agents
build UI like Apple does.

Get Started
Generic AI Agent
▶ "build me a settings page"
✗ background: #000000
✗ border-radius: 8px
✗ font-family: Arial, sans-serif
✗ color: #ffffff
✗ transition: ease-in-out 0.3s
OneMore transforms it
With OneMore
▶ /onemore "build me a settings page"
⟳ Applying 700+ Apple HIG rules...
✓ background: #FBFBFD /* semantic */
✓ border-radius: 12px /* continuous */
✓ font: -apple-system, Inter
✓ color: #1D1D1F /* never #000 */
✓ transition: spring(1, 100, 12)
→ HIG Score: 97/100

Your AI agent writes code.
OneMore makes it beautiful.

700+ design rules extracted from Apple's Human Interface Guidelines and 25 apple.com product pages. Every color, spacing value, and animation curve — grounded in how Apple actually builds.

Without OneMore

Submit

With OneMore

Get Started

13 frameworks. 11 AI platforms.
Your stack is supported.

SwiftUIColor.accentColor .cornerRadius(12) .font(.system(.body)) Reactimport { tokens } from 'onemore' style={{ color: tokens.primary }} React Nativeimport { hig } from 'onemore/rn' borderRadius: hig.radius.lg Flutterconst primary = Color(0xFF007AFF); const radius = 12.0; Next.js// next.config.js import onemore from 'onemore/next' Vue<style> --hig-primary: #007AFF; --hig-radius: 12px; Svelte<script> import { theme } from 'onemore' Tailwind CSS// tailwind.config.js primary: '#007AFF' radius-lg: '12px' shadcn/ui/* globals.css */ --primary: 211 100% 50%; --radius: 0.75rem; NativeWindclassName="bg-primary rounded-xl p-4" UIKitview.backgroundColor = .systemBlue view.layer.cornerRadius = 12 Nuxt// nuxt.config.ts modules: ['onemore/nuxt'] Astro--- import { Tokens } from 'onemore' ---
Claude Code Cursor Windsurf Copilot Codex Antigravity Kiro Qoder Gemini CLI Cline Roo Code

Get started in seconds

$ npx onemore init
✓ Detected: Claude Code v4.6
✓ 700+ Apple HIG rules loaded
✓ Skill installed → .claude/skills/onemore/
Ready. Just ask your AI agent:
/onemore design a fintech dashboard with dark mode
/onemore build an onboarding flow for a health app
/onemore redesign this checkout page to match Apple HIG

Zero dependencies • Python 3.10+ • Works offline

Design

Not just guidelines. A complete design intelligence system that understands why Apple makes every choice — and applies it to your project.

How It Works

Six agents. One command.
Intelligent routing.

Vision Steve Jobs
Build Jony Ive
Review Quality Gate
Animate Motion Expert
A11y WCAG Auditor
Analyze Video → Code

See It Work

Four commands.
Zero config.

Terminal
0
Tests Passing
0
Design Rules
0
Apple Pages Analyzed
0
Frameworks

Design System

Complete design
tokens in one command.

Colors, typography, spacing, corners — generated with reasoning for why each token fits your product. Not generic defaults.

ColorsTypographySpacingCornersElevation
--color-primary: #007AFF
--color-bg: #FBFBFD
--color-text: #1D1D1F
--radius-lg: 12px

Redesign Scanner

Find what's wrong.
Before users do.

Scans every file for HIG violations — spacing, accessibility, animations. Auto-detects Expo and NativeWind.

SpacingAccessibilityColorsAnimationDark Mode
0HIG SCORE
Spacing4pt grid
TypographySF Pro / Inter
Touch targets38px < 44pt
Contrast ratio4.5:1
Animation easingease → spring
Dark modeSemantic colors

Video Analysis

Record it.
Recreate it.

Send a screen recording of any website or app. Get a complete implementation blueprint — animations, design tokens, component specs, ready-to-paste code. Auto-detects your project stack.

Gemini 2.5GPT-4offmpegAuto-detect13 Stacks
▶ /onemore video.mp4 "make my app look like this"
⟳ Auto-detected: React Native + Expo + Reanimated 3
⟳ Analyzing with Gemini 2.5 Flash... 14s
✓ 7 animations · 5 components · 12 design tokens
✓ Spring: mass 1, stiffness 100, damping 12
✓ Gesture interactions mapped
✓ Ready-to-paste Reanimated code

→ build-prompt.md (implementation spec)
→ blueprint.md (detailed analysis)
Prompt examples:
Mobile — "make my app look like this"
Web — "recreate these scroll animations on my site"
Component — "extract this card slider component"
Animation — "get all animation specs and timing values"
Design — "extract the complete design system as tokens"

Export

Your framework.
Your format.

Seven formats, production-ready. Tailwind, SwiftUI, Flutter, CSS, SCSS, React Native, JSON. Zero manual tweaking.

TailwindCSSSwiftUIFlutterSCSSJSONReact Native
// tailwind.config.js
export default {
  theme: {
    colors: {
      primary: '#007AFF',
      success: '#34C759',
    },
    borderRadius: { lg: '12px' },
  },
};
/* Apple HIG Design Tokens */
:root {
  --color-primary: #007AFF;
  --color-success: #34C759;
  --radius-lg: 12px;
  --spacing-base: 8px;
  --font-body: 17px;
}
// HIG.swift
extension Color {
  static let primary = Color("#007AFF")
  static let success = Color("#34C759")
}
extension CGFloat {
  static let radiusLG: CGFloat = 12
}
// hig_tokens.dart
class HIG {
  static const primary = Color(0xFF007AFF);
  static const success = Color(0xFF34C759);
  static const radiusLG = 12.0;
  static const spacing = 8.0;
}
// _hig-tokens.scss
$color-primary: #007AFF;
$color-success: #34C759;
$radius-lg: 12px;
$spacing-base: 8px;
$font-body: 17px;
$font-stack: -apple-system, Inter;
{
  "colors": {
    "primary": "#007AFF",
    "success": "#34C759"
  },
  "radius": { "lg": 12 },
  "spacing": { "base": 8 }
}
// tokens.ts
export const colors = {
  primary: '#007AFF',
  success: '#34C759',
} as const;
export const radius = { lg: 12 };
export const spacing = { base: 8 };

Category Intelligence

Every category.
Its own design DNA.

12 demos built
with OneMore.

View all demos

Free. Open Source.
Forever.

MIT Licensed. Built with love in Georgia.

Star on GitHub Get Started

Zero dependencies • Python 3.10+ • Works offline