UI PROTOTYPE · HIGH FIDELITY

AI Composition App · Hi-Fi Prototype

Two core scenarios: live assist while shooting + AI recompose after the shot
Dark camera aesthetic · Golden composition language · English UI · 10 core screens

Native Android (Kotlin · CameraX)Primary #FFC24BAI Accent #4ECDC4Warning #FF6B6B
CNEN
9:41

Good evening, Photographer

Let's frame a better shot today

LIVE ASSIST

Shoot with AI

AI reads the scene and guides framing as you shoot

Recompose Photo

AI diagnosis and one-tap recompose after the shot

Recent Works
View all ›
DAILY TIP
Rule of Thirds

Place the subject on a power point
for a balanced, engaging frame

View tutorial →
Home
Tutorials
Profile
01HomeDual entries: Shoot with AI + Recompose Photo, plus a daily tip
Person
9:41
Shift right to place the subject on the right power point
Portrait
Move right
02Camera · Live AssistThirds grid, AI subject box, direction guide & level in the viewfinder
9:41

Composition Rules

Pick an overlay for the scene, or let AI recommend one

AI PICK Thirds
Phi Grid
Spiral
Diagonal
Symmetry
AI Recommendation

Rule of thirds fits this scene: place the subject on the lower-right power point with lead room ahead

03Composition ModesHalf-sheet with 5 composition rules, AI pick annotated
9:41
Select a Photo

AI will diagnose composition issues

Start AI Analysis
04Pick a PhotoGrid picker with gold-ring selected state & check badge
9:41
68%

Analyzing composition…

Subject / Horizon / Negative space

05AI AnalyzingScan line + corner brackets, ring progress & check items
9:41
Composition Analysis
GOOD

Room for better framing

Beats 72% of similar shots

78Overall
Dimensions
Subject85
Horizon62FIX
Headroom90
Balance74
2 issues found
Horizon tilts 3.2° to the right

Rotate to level the frame

Subject sits too far left, off balance

Crop and recompose with rule of thirds

View Smart Recompose Plans
06Analysis ResultScore gauge + 4 dimension bars + issue cards
9:41
Smart Recompose
AI generated 3 plans for you
Plan 1 · Thirds Drag to compare
Plan 2 · Golden Spiral

Spiral leads the eye to the sunset

91% fit
Plan 3 · Minimal Space

Generous negative space for mood

86% fit
Apply This Plan
Fine-tune
07Recompose PlansBefore/after compare slider (left original, right plan) + alternative cards
9:41
Cancel
Fine-tune
Done
+3°Rotate · Level correction
-45°0+45°
Crop
Rotate
Filters
Tune
08Fine-tune EditorCrop frame, thirds grid, angle slider & 4 tools
9:41
Export
Resolution
4080 × 3072
OriginalHighData Saver
Watermark

Adds an "AI Composition" mark, bottom-right

Keep EXIF Data

Shooting params & location stay in file

Save to Gallery
09Export & ShareResolution options, watermark & EXIF switches, share row
9:41

Photo EnthusiastPRO

Great composition in every shot

128Photos Optimized
16Day Streak
My Works
Composition Preferences
Watermark Settings
Export Resolution
High
Help & Feedback
About
v1.0.0
Home
Tutorials
Profile
10ProfileAvatar + Pro badge, usage stats & settings menu

AI Composition App hi-fi prototype · Static HTML/CSS, zero dependencies · For design review only