Prettier

TSRX (TypeScript Render Extensions) is a TypeScript language extension for building declarative user interfaces in `.tsrx` files. It keeps TypeScript setup code, JSX-shaped markup, template-native `@if`, `@for`, `@switch`, and `@try` control flow, and component-scoped `<style>` blocks in one lexical scope, then parses the source into a framework-neutral AST for a selected target compiler. Supported targets include React, Preact, Solid, Vue, Ripple, and Octane; the project also provides compiler and runtime helpers, build integrations, language-server support, and integrations for TypeScript, Prettier, ESLint, VS Code, Zed, Neovim, IntelliJ, and Sublime Text. TSRX is in active beta development and is released under the MIT License. It was created by Dominic Gannaway.

ESLint is a pluggable and configurable linter for statically analyzing JavaScript code. It identifies and reports code patterns, can automatically fix many problems with syntax-aware fixes, and supports custom parsers, preprocessing, and user-defined rules alongside its built-in rules. It can run in text editors and continuous integration pipelines, and the video identifies it as providing linting support for tsrx.

A Visual Studio Code extension for editing Markdown in a document-like interface, with two-way editing, heading support, and table formatting alongside preview.

Confetti is a local Visual Studio Code extension for detecting, highlighting, and formatting more than 16 configuration-file types, including Nginx, SSH, dotenv, INI, Java Properties, TOML, YAML, Git Config, npm Config, ignore files, Hosts, fstab, and crontab. It examines file paths and content to select a language mode, and leaves ambiguous files unchanged when detection does not reach its safety threshold. Its TextMate grammars provide theme-compatible syntax highlighting. Format-specific, tokenizer-backed formatters are available for supported formats such as Nginx, SSH, dotenv, INI, TOML, Git Config, npm Config, and Hosts; formatting preserves comments, quoted content, escaped spaces, and continuation lines and is designed to be idempotent. YAML, ignore files, and tool-version files are intentionally not formatted. Confetti runs locally without an account, AI service, cloud service, network connection, or telemetry. Detection occurs when a file is opened, activated, saved, or explicitly detected rather than on every edit, and formatting runs only when requested. It requires VS Code 1.90 or later and is distributed under the MIT license.

json-render is a generative UI framework from Vercel Labs that converts natural-language prompts and structured JSON outputs into interface specifications constrained by a developer-defined catalog of components, actions, schemas, and data bindings. The catalog generates the AI system prompt and acts as a guardrail; specifications are validated against the catalog and rendered progressively through a streaming compiler. Components can use state expressions, conditional visibility, computed values, templates, actions, and state watchers. The framework provides renderers and adapters for React, Vue, Svelte, Solid, React Native, Next.js, TanStack Start, terminal UIs, Remotion video, React PDF, React Email, SVG/PNG images, and React Three Fiber, along with optional shadcn/ui components, devtools, state-store adapters, MCP Apps integration, YAML support, and code-generation utilities.