
Luminous Studio Lab Project | ai video made with ngram
About the video
This AI video was made with ngram to show a software development workflow inside a code editor for the ngram AI Studio project, a tool described in its README as an 'AI-powered video editing studio.' The footage includes the project's README file with setup instructions for the frontend and backend (Node.js, PNPM, Python, UV), a model selection panel offering several AI assistants such as Claude Sonnet 4.5 and GPT-5 Codex, and an agent conversation where a developer describes a bug in the background music feature. The AI agent is shown identifying the issue, removing an unwanted 'backgrounds' tab, and replacing a music icon with a standard play icon inside a MusicListItem.tsx component. The screen recording captures the before-and-after code changes, including updated imports and icon behavior logic, concluding with a note that all changes were completed without linting errors. The video illustrates a real example of using multiple AI coding models together to review, edit, and apply code changes to a web application's media player interface.
- Code Editor
- AI Coding Agent
- Software Development
- GitHub Repository
- React Components
- Bug Fix
- TypeScript
- Developer Tools