Vanessa SaddiFront End Engineer, Marketing

Designer first.Engineer by necessity.

Thirteen years of client-facing craft, three years shipping production web, and a daily habit of building with Claude in the loop. Vanessa designs the system, writes the code and runs the tooling that keeps it all moving. Five live properties, one operator, a lot of care.

Los Angeles, California · travels to the office as needed

What the work needs.
What has shipped.

What a front-end role on a brand team usually asks for, answered with work that is live today. Where the answer is not yet, it says so.

  1. 01 · core

    Modern frameworks. Next.js and React, inside a design system.

    Five production sites live today: Next.js and React where the site earns it, plain HTML, CSS and JS where that was the right size. Every brand ships with a written kit the code reads first: tokens, type with PostScript names, logo rules, page furniture.

    Next.js 15/16React 19Tailwind v4TypeScriptVercel
  2. 02 · core

    CSS for complex layouts, animation and interaction.

    This page: fluid clamp() type scale, 12-column panel grid, gradient wordmark through a CSS mask, film grain overlay, reduced-motion fallbacks. Across client sites: age gates, auto-scrolling galleries, native share sheets on photo tiles, sticky mobile calls to action, navs that flip colour over dark and light sections, map-based store locators.

  3. 03 · core

    Headless content. Modeling, structured data, the publishing experience.

    A headless commerce platform behind a live store: products modeled in the platform, storefront rendered in Next.js. Typed content layers drive the rest: one data file renders a set of artist pages in the artists' own words, another renders events and galleries, a third renders a document library. Notion databases run studio operations as a CMS through MCP: task boards and a client hub that a skill populates from a discovery call. Straight talk: no Sanity or Contentful in production yet.

    headless commercetyped content filesNotion via MCPWebflow embedsApps Script + Sheets
  4. 04 · core

    Design to interactive. Static designs into working web experiences.

    Designer and engineer in one seat, so nothing gets lost in the handoff. Brand decks, style locks and UI direction docs go to code with the same hands that helped shape them. When a client team supplied the design and copy, it became two landing-page variants in a day, with a review mode that outlines every block and notes where its copy came from.

  5. 05 · core

    Internal tools. Helping a team author, manage and publish content at scale.

    Eighteen custom Claude skills in daily use, among them a task manager that routes work to three Notion boards, a file organizer that enforces one brand folder standard, an Illustrator template builder that turns SVG plus a spec.json into editable catalogs, labels and decks, and brand-locked image pipelines. Shell and Python tools where they fit: a photo prep script that processed 274 event photos in about 17 minutes and prints the data block to paste, a batch content pipeline with a caption agent, scoring and Slack notify, and signup pipelines (site form to Apps Script to Sheet) on three sites.

    Claude skillsPythonshellApps ScriptNotion MCP
  6. 06 · core

    Migrations and site architecture, on a defined scope.

    Migrated a client's static site to a Next.js storefront on the same repo: one deployment per branch, a one-minute rollback, redirects flipped from temporary to permanent after cutover, and a runbook written for the next person. Carved a trimmed version of a site for a third-party review without deleting anything. Cherry Pi v4: removed 7,200 lines and three heavy dependencies.

  7. 07 · core

    Concept to working prototype, quickly.

    Wedding site: designed, built, RSVP pipeline wired to a spreadsheet and verified end to end, deployed, in one session. A client brand site planned on a Thursday and live for a trade show six days later. Two landing pages in a day, packaged for the client's CMS the next. Cherry Pi v4: spec July 4, approved and merged July 6.

  8. 08 · core

    Tooling, workflows, documentation and knowledge sharing.

    Every repo ships a README written for the next person, including the three build failures that actually happened and their fixes. The studio runs on a CLAUDE.md workspace with a memory layer, a decision log and a brand folder standard that any session loads. A skills registry in Notion stays in sync with what is installed.

  9. 09 · plus

    AI-assisted development workflows.

    Claude Code is the daily editor. MCP servers for Notion, Higgsfield, Figma, Adobe and Google Workspace; eighteen custom skills; scheduled tasks; multi-agent review panels; a memory-backed workspace. Non-trivial work gets a written plan with a checkpoint per stage, and every claim is labeled verified or plausible before it ships.

    Claude CodeMCPskillsscheduled taskssubagents
  10. 10 · plus

    Generative and programmatic design.

    Illustrator files generated from SVG and a spec file: a catalog rebuilt from a menu JSON, label batches, an eleven-artboard sales deck. A worksheet design system in ReportLab. Brand-locked Higgsfield generation with reusable prompt blocks and composite scripts, under one rule: brand art is placed exact, never regenerated.

  11. 11 · plus

    Localization and internationalization.

    Not yet. Closer to the typed content layers already in daily use than it looks, and a defined scope she would take on gladly.

straight talk

Not on this page: a Sanity or Contentful class CMS in production, localization systems, and a team larger than one. Vanessa has owned whole properties end to end for seven brands this year. Owning a defined scope inside a senior team is the step she wants next, and the part she is most looking forward to.

Internal tools, in daily use.

The studio is one operator, so every repeated job became a skill, a script or a pipeline. Eighteen custom Claude skills installed; the ones below do the heavy lifting.

  • task-manager
    routes a task to the right Notion board from plain language
  • illustrator-template
    SVG + spec.json to editable .ai catalogs, labels, decks
  • file-organizer
    one brand folder standard, enforced across every project
  • pipeline-ops
    brand pipeline build, edit and code prompts
  • product-shots · higgsfield-studio
    brand-locked image generation with fidelity checks
  • client-page-builder
    discovery call to Notion client page, hub tasks and client record
  • worksheet-designer
    print-ready learning packs on a ReportLab design system
  • compass · plan-my-week · council
    advisor, ledger and multi-agent review for the operator
  • photo-prep.sh
    batch event photos, cap size, auto-brighten, print the data block
  • batch content pipeline
    queue, generate, caption agent, score, Slack notify
  • signup pipelines
    site form to Apps Script to Google Sheet, three sites
  • CLAUDE.md workspace
    memory, decision log, brand standard, loaded every session

Every chapter added a layer.

  1. 2023 to now

    Founder, designer and engineer

    Cherry Pi Creative Studio (Dvnci Digital LLC), California

    Brand strategy, identity, production web and content systems for regulated consumer brands and small businesses. Retainer clients since March 2024.

  2. 2026

    Brand operator, two multi-brand portfolios

    Sherbinskis, Common Kings, Uncle Ed's and four more across cannabis and lifestyle

    Websites, catalogs, packaging, trade-show booths, email, decks and social, on task-based retainers where speed is the deliverable.

  3. 2025 to 2026

    AI-native rebuild of the studio

    Claude Code, MCP, skills, pipelines

    Moved every workflow onto Claude Code: eighteen custom skills, MCP integrations, scheduled tasks and a memory-backed workspace that runs the studio.

  4. 2016 to 2019

    Animation artist

    Emojam, All Def Studio, Los Angeles

    Startup production environment: animated content at pace, to brief.

  5. 2015 to 2016

    Storyboard artist

    Val Hill, film

    Visual narrative and sequencing.

  6. 2013 to 2014

    Graphic design intern

    Melody Ehsani

    Jewelry and fashion branding.

  7. 2013 to now

    Tattoo artist, self-employed

    Collaborations: Melody Ehsani, Summer Walker, Thrasher Magazine, Musink, Diamond Supply Co., Nylon Magazine

    Thirteen years of client-facing craft. Where the eye was trained.