# Rege

> Rege builds CoAnimator and YourGPT and writes about how things get made: products, films, motion and interfaces, the prompts and tools behind them, and short notes on new web platform features.

Rege builds CoAnimator (https://coanimator.com), an animation and video studio you direct with AI agents, and YourGPT (https://yourgpt.ai). The blog takes one finished piece at a time apart: how it was made, the prompts, the tools and the settings. Every blog post and MDX writing has a plain-markdown twin at its URL plus `.md`; the full text of all of them is in https://www.rege-dev.xyz/llms-full.txt.

## Blog

- [How to Make a Cinematic App Mockup Video from a Screen Recording](https://www.rege-dev.xyz/blog/cinematic-app-mockup-video.md): Turn one phone screen recording into a cinematic 3D iPhone reveal with slow close-ups and real lens blur. The workflow I use in CoAnimator's Mockup Motion, directed by an AI agent.

## Writing

- [View Transitions — Interactive Demo](https://www.rege-dev.xyz/writing/view-transitions): Nested routes with 5 distinct transitions: slide, blur, zoom, morph, and custom easing
- [WebMCP — Browser-Native AI Agent Tools](https://www.rege-dev.xyz/writing/webmcp.md): Chrome 146 ships navigator.modelContext, letting websites expose structured tools directly to AI agents
- [TypeRewrite](https://www.rege-dev.xyz/writing/typerewrite): A macOS utility for AI-powered text rewriting anywhere with a floating editor
- [Chat Action Bar](https://www.rege-dev.xyz/writing/chat-action-bar): Shadcn-based action bar with AI assist, quick replies, attachments, and tools.
- [CSS Carousels](https://www.rege-dev.xyz/writing/css-carousel.md): Build accessible carousels with scroll-marker and scroll-button
- [Interest Invoker API](https://www.rege-dev.xyz/writing/interest-invoker.md): Declarative hover cards and tooltips without JavaScript
- [Scoped View Transitions](https://www.rege-dev.xyz/writing/scoped-view-transitions.md): Run view transitions on DOM subtrees instead of the whole document
- [CSS Scroll State Queries](https://www.rege-dev.xyz/writing/scroll-state-queries.md): Query stuck, snapped, and scrollable states directly from CSS
- [CSS Corner Shapes](https://www.rege-dev.xyz/writing/corner-shapes.md): Interactive demo of the experimental corner-shape property
- [Simplifying Dark Mode with light-dark()](https://www.rege-dev.xyz/writing/light-dark.md): A game-changer for theming with a single CSS function
- [Dynamic Colors with Relative Color Syntax](https://www.rege-dev.xyz/writing/relative-colors.md): Modify colors directly in CSS with relative syntax
- [Stable Layouts with scrollbar-gutter](https://www.rege-dev.xyz/writing/scrollbar-gutter.md): Prevent layout shifts when scrollbars appear
- [Progressive Blur Header Effect](https://www.rege-dev.xyz/writing/progressive-blur-header.md): Creating elegant header transitions with CSS and Tailwind

## Optional

- [Blog](https://www.rege-dev.xyz/blog): Long-form posts, newest first
- [All writing](https://www.rege-dev.xyz/writing): The index of every short post, newest first
- [Blog RSS feed](https://www.rege-dev.xyz/blog/rss.xml): New blog posts as they are published
- [Writing RSS feed](https://www.rege-dev.xyz/rss.xml): New writing as it is published
- [@rege_dev](https://x.com/rege_dev): X
- [CoAnimator on YouTube](https://www.youtube.com/@coanimatorstudio): YouTube
- [coanimator.com](https://coanimator.com/?ref=rege): Website
- [@coanimator](https://www.instagram.com/coanimator/): Instagram
- [@rege_dev](https://www.instagram.com/rege_dev/): Instagram