How to Ship AI Slop into Production - Project - Naufaldi Rafif Satriya

Overview

How to Ship AI Slop into Production is a presentation deck about engineering culture, AI-generated code quality, and the guardrails needed to keep AI-assisted development useful in real production systems.

The talk starts from a blunt premise: AI slop is often amplified engineer slop. The deck turns that idea into a practical framework for improving context, review habits, automation, and production readiness when teams use coding agents.

Problem

AI coding tools make it easier to generate code quickly, but speed can hide weak engineering habits. Without strong project context, review discipline, and verification loops, teams can ship low-quality code faster than before.

The deck focuses on the real operational questions:

• What makes AI-generated code low quality?
• Which problems come from the model, and which come from missing engineering process?
• What guardrails should exist before, during, and after code generation?
• How can agent workflows enforce project standards instead of bypassing them?

Technical Highlights

The deck is built as a web presentation with Next.js, React, Tailwind CSS, and Framer Motion. Presentation content is modeled as structured slide data, making it easy to edit the talk without manually wiring every screen.

The slide system supports different layouts such as cover slides, title slides, section dividers, comparison slides, code-heavy slides, and closing slides. That keeps the deck reusable for talks where strong visual pacing matters.

Stack

• Next.js for the presentation application.
• React and TypeScript for slide rendering and typed content.
• Tailwind CSS for layout and visual styling.
• Framer Motion for transitions and presentation motion.

Outcome

The project captures a practical talk about AI-assisted software delivery and gives it a maintainable web-based format. It works as both an event artifact and a reusable slide system for future engineering talks.

Links

• Live deck: https://cursor-feb-26.netlify.app/slides/1
• GitHub repository: https://github.com/naufaldi/cursor-feb-2026