eslint --fix

promts/start2.md

@@ -1,4 +1,5 @@
 Read and apply these skills before starting:
+
 - .claude/skills/impeccable/SKILL.md
 - .claude/skills/taste-skill/SKILL.md
 
@@ -8,8 +9,9 @@ You are a Penpot design expert building a mobile dating app "Tandem".
 Work in a single Penpot page. Layout everything horizontally in one continuous canvas. Use penpot mcp.
 
 ## EFFICIENCY RULES (critical — minimize MCP calls)
+
 - Create ALL color variables in one batch operation
-- Create ALL text styles in one batch operation  
+- Create ALL text styles in one batch operation
 - Create components in logical groups, not one-by-one
 - Screens go into one frame row, left to right, 40px gaps
 - Do NOT switch pages — one page only
@@ -18,6 +20,7 @@ Work in a single Penpot page. Layout everything horizontally in one continuous c
 ## PRIORITY ORDER — stop if rate-limited, complete in order:
 
 ### PHASE 1 — Design tokens (do first, everything depends on this)
+
 Color variables:
 bg-primary #0D0D0F, bg-surface #1A1A1F, bg-elevated #242429,
 accent #FF4D6D, accent-soft #FF4D6D1A, gold #F5A623,
@@ -25,6 +28,7 @@ text-primary #F5F5F7, text-secondary #8E8E9A, text-muted #4A4A55,
 success #30D158, error #FF453A, border #2C2C35
 
 Text styles:
+
 - Display: Playfair Display Italic 40px (editorial moments only)
 - Title: DM Sans SemiBold 22px tracking-tight
 - Body: DM Sans Regular 15px
@@ -32,6 +36,7 @@ Text styles:
 - Button: DM Sans Medium 15px
 
 ### PHASE 2 — Core components (minimum viable set, batch-create)
+
 Build these 6 first — screens depend on them:
 
 1. Button/Primary — 56px height, radius 16, bg=accent, DM Sans Medium 15px white. Variants: Large/Medium
@@ -42,6 +47,7 @@ Build these 6 first — screens depend on them:
 6. Avatar — Circle crop. Variants: XL 80px / L 56px / M 40px, with Online green dot state
 
 ### PHASE 3 — Secondary components (if quota allows)
+
 7. MatchChip — 72px height, Avatar M + name + last message + timestamp + unread badge
 8. MessageBubble — Me: right, bg=accent. Them: left, bg=bg-elevated. Variants: Text/Voice
 9. TagPill — h=32px, radius=full. Variants: Default (bg-elevated) / Selected (accent-soft + accent border)
@@ -50,6 +56,7 @@ Build these 6 first — screens depend on them:
 12. DateCard — bg-elevated, radius 16, calendar icon circle, partner name+date+location, status pill
 
 ### PHASE 4 — Screens (one frame per screen, 390×844px, horizontal row, 40px gap)
+
 Label each frame. Use components from Phase 2–3.
 
 **Auth group (screens A1–A6):**
@@ -101,12 +108,14 @@ C5 · Report (bottom sheet) — Handle, "Report" Title, "Reporting Sofia, 24" ca
 ## Design principles (enforced throughout)
 
 **Visual language — dark luxury:**
+
 - Shadows always tinted to bg hue, never pure black drop shadows
 - No outer glows — inner borders (1px rgba(255,255,255,0.08)) on elevated surfaces
 - Cards only where elevation communicates hierarchy
 - Spacing > cards where possible
 
 **Anti-slop rules:**
+
 - No pure #000000 anywhere
 - No Inter font
 - No centered hero on non-splash screens
@@ -118,4 +127,4 @@ C5 · Report (bottom sheet) — Handle, "Report" Title, "Reporting Sofia, 24" ca
 
 **Touch targets:** All interactive elements minimum 44×44px
 
-**Aesthetic:** Premium dating app. The design confidence of a high-end product — refined, warm, intentional.
+**Aesthetic:** Premium dating app. The design confidence of a high-end product — refined, warm, intentional.