skills.rest
JubaKitiashvili
JubaKitiashviliCOMMUNITY
Explore all skills by this author →
Website𝕏@jubakitiashviliGitHub

onemore

Generates Apple HIG-compliant UI code across 13 frameworks using six specialized design agents.

33|2|Updated Mar 22, 2026
Search Tags:#design system#animation#swiftui#video analysis#ui generation#accessibility audit#apple hig
One-click install
npx skills add https://github.com/JubaKitiashvili/onemore --skill onemore-jubakitiashvili
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: onemore
Source: https://github.com/JubaKitiashvili/onemore
Command: npx skills add https://github.com/JubaKitiashvili/onemore --skill onemore-jubakitiashvili

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve? AI coding agents produce generic, inconsistent UI that ignores Apple Human Interface Guidelines, forcing developers to manually fix spacing, typography, colors, animations, and accessibility issues. ## Core Features & Use Cases - Six Specialized Agents: Vision (creative briefs), Build (production code), Review (HIG quality gate), Animate (spring physics, GSAP, Framer Motion), A11y (WCAG 2.2 audits), and Analyze (reverse-engineers UI from screen recordings via Gemini, OpenAI, or ffmpeg). - 13 Framework Stacks: Generates code for SwiftUI, React, React Native, Flutter, Tailwind, Vue, Svelte, Next.js, shadcn/ui, NativeWind, UIKit, Nuxt, and Astro with automatic project stack detection. - Design Token Export & Redesign Scanning: Exports design systems in 7 formats (Tailwind, CSS, SwiftUI, Flutter, SCSS, JSON, React Native) and scans existing codebases for HIG violations. - Use Case: Run "/onemore build me a SaaS landing page" and the skill routes through Vision for a creative brief, Build for implementation, and Review for a 39-rule HIG quality check. ## Quick Start Ask the agent to build a landing page or fix a UI animation using the /onemore command after installing with npx onemore-design init.

Frequently Asked Questions about onemore

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate Apple HIG compliant UI with an AI coding agent?▼

Install with npx onemore-design init, then invoke /onemore with a request like "build me a SaaS landing page". The skill classifies intent and routes through Vision, Build, and Review agents that enforce Apple HIG rules for typography, spacing, color, and animation.

How to reverse-engineer animations from a screen recording?▼

Attach a video file (.mp4, .mov, .webm, .gif) to your /onemore request. The Analyze agent produces an implementation blueprint with motion specs, design tokens, and component code using Gemini API, OpenAI GPT-4o, or free built-in ffmpeg frame analysis.

Which frameworks does Apple HIG design generation support?▼

It supports 13 stacks: SwiftUI, React, React Native, Flutter, Tailwind CSS, Vue, Svelte, Next.js, shadcn/ui, NativeWind, UIKit, Nuxt, and Astro. The skill auto-detects your stack by reading package.json, pubspec.yaml, or Package.swift.

Does video UI analysis require a paid API key?▼

No. Without API keys it uses built-in ffmpeg frame extraction with Claude vision at no cost, taking about 3-4 minutes. Optional Gemini or OpenAI keys speed analysis to 15-40 seconds with higher accuracy.

Can it audit accessibility and fix WCAG violations?▼

Yes. The A11y agent runs a WCAG 2.2 audit covering contrast ratios, focus visibility, target sizes, ARIA labels, and reduced motion, then auto-fixes issues it can resolve. Trigger it with requests like "check accessibility".

When should I not use this design skill?▼

Do not use it for backend code, database queries, API endpoints, CI/CD, deployment, testing frameworks, or other non-visual programming tasks. It is scoped exclusively to UI design, animation, and accessibility work.

Related Skills

Explore More Design & Creative Skills→
openaiopenai
5.3k

adobe-create-mockups

Generates product mockup images from a logo or design using Adobe Firefly image generation.

Official
Advanced
hpsgdhpsgd

write-pipeline

Generate CI/CD pipeline configurations for GitHub Actions, GitLab CI, and Azure Pipelines.

Official
Advanced
asmortongptasmortongpt

visual-testing

Automate Playwright visual regression, accessibility, and performance checks across browsers.

Community
Advanced
vultisigvultisig
19

Figma Design Implementation

Translate Figma UI designs into React components using MCP tools.

Official
Intermediate