DesignCAN I VIBECODE
Linearity Curve?
BUILD FIRST
- One specific customer type and one primary use case
- A vertical slice that completes the main job without manual workarounds
- Visible limits, review steps, and a fallback when an external dependency fails
LEAVE FOR LATER
- Broad third-party integrations
- High-scale collaboration, syncing, and permissions
- Automation that can cause harm without human review
RESEARCH NOTES
What this tool actually does.
Linearity Curve (formerly Vectornator) is a vector design application for Mac, iPad, and iPhone oriented toward illustration, branding, and print production. Its core workflow combines freehand sketching and precise path drawing with non-destructive editing: pressure-sensitive custom brushes, pen and node tools, smart shapes, shape builder, boolean operations, corner radius, linear/radial/mesh gradients, and vector effects like shadows and blurs. It includes raster-to-vector conversion via Auto Trace in four modes (Photo, Sketch, Illustration, Basic Shapes) with sliders for detail, color accuracy, and gradient smoothing, plus Magic Eraser and background removal. It supports CMYK, high-res export to PDF/SVG/EPS/AI/PNG/JPG, import from JPEG/PNG/TIFF/HEIC/PDF/SVG/Sketch/Figma/AI, and Apple Pencil or third-party styluses. It pairs with Linearity Move for animation and shares assets via works
RESEARCHED BUILD PROMPT
Give this to your coding agent.
Build a web-based replacement for Linearity Curve's core vector illustration workflow. The primary user flow: the user imports a raster image or sketch, runs Auto Trace to generate editable vector paths, then manipulates those paths with direct-manipulation tools—pen tool, node editing, shape builder, boolean operations, corner radius—and finally exports print-ready SVG/PDF/PNG. Requirements: (1) a canvas-based editor with zoom/pan, layers, and selection; (2) custom vector brush strokes using pressure/velocity input from mouse or stylus; (3) Auto Trace with at least one algorithm (e.g., Potrace or OpenCV polygon approximation) plus a detail slider and color accuracy setting; (4) node edit mode where users can move anchors, adjust Bézier handles, and close/open paths; (5) shape tools, boolean operations, and corner radius controls; (6) CMYK preview and export via an appropriate library; (7) import/export for SVG, PNG, JPEG. Suggested stack: React + TypeScript, SVG DOM or Konva for rendering, and a WASM Potrace port. Explicitly do not copy Linearity's branding, logo, UI layout, or assets; this is a functionally inspired reimplementation. Out of scope: animation, multi-user collaboration, AI magic eraser/background removal, mobile native apps, and polished onboarding. Include a README covering setup commands, architecture decisions, known limitations (e.g., tracing accuracy on complex photos, lack of pressure support without pointer events), and a legal note that the product is independent and not affiliated with Linearity.