Members-Only
Recent Talks & Demos are for members only
You must be an AI Tinkerers active member to view these talks and demos.
Claude Code: Inhabited-Design UI
Explore "Inhabited-design," a Claude Code skill that generates AI-powered UI designs with personality and a specific user focus, moving beyond generic AI output.
Inhabited-design is a Claude Code skill that turns “build me an X for Y” into a presentation ready page design whose UI actually has personality. These designs have a specific point of view and feel made for one named user, not the average AI design slop you see everywhere. Unfortunately the skill takes longer than 5 minutes to run to full covergence, but I’ll run through a sample iteration as well as produce some snapshot iterations to demonstrate the full output cycle. This includes the markdowns (claude_designer.md, claude_icp.md), the inspiration-bank protocol, and the iteration loop and explain what each piece is doing.
Cumulus deploys autonomous drones delivering compostable-packaged dog treats via micro-hubs.
Proposes a specific methodology for executing defined technical processes.
- Claude CodeAnthropic's agentic coding tool: Unleash Claude's raw power directly in your terminal or IDE to turn complex, hours-long workflows into a single command.Claude Code is Anthropic’s powerful agentic coding assistant, designed for high-velocity development. It operates natively within your terminal, IDE (VS Code, JetBrains), or via a web interface, allowing you to delegate complex tasks like feature building, bug fixing, and codebase navigation. The agent plans, edits files, executes commands, and creates commits, maintaining awareness of your entire project structure. Internally, Anthropic engineers using Claude Code reported a 67% increase in productivity, demonstrating its capacity to deliver significant gains for Pro and Max plan users.
- claude-4Claude 4 is Anthropic’s next-generation frontier model engineered for extreme reasoning, 1M+ token context windows, and autonomous agentic workflows.Claude 4 sets a new benchmark for large language models by integrating advanced architectural improvements that minimize latency while maximizing cognitive depth. Built on the success of the Claude 3.5 Sonnet framework, this iteration introduces enhanced tool-use capabilities and superior performance in Python coding and complex mathematical proofs. It serves as a reliable backbone for enterprise-scale deployments requiring high-fidelity instruction following and nuanced ethical steering (Constitutional AI). Developers can access Claude 4 via the Anthropic API or Amazon Bedrock to build sophisticated systems that handle massive datasets with 99% retrieval accuracy.
- MCPMCP is the open-source standard for securely connecting AI agents (like LLMs) to external tools, data, and enterprise workflows.The Model Context Protocol (MCP) functions as a standardized integration layer: think of it as a USB-C port for AI applications. Developed and open-sourced by Anthropic, this protocol allows large language models (LLMs) to access real-time context and execute actions via external tools like GitHub, Jira, or proprietary databases . It uses a simple JSON-RPC interface to define tools, schemas, and endpoints, which enables AI agents to perform complex, state-changing tasks—such as creating a GitHub issue or running a test script—rather than just generating text . MCP is essential for building agentic AI systems that can autonomously pursue goals and operate within defined safety and permission boundaries .
- PlaywrightPlaywright is the Microsoft-developed, cross-browser automation framework: it drives Chromium, Firefox, and WebKit with one unified API for fast, reliable end-to-end testing.Playwright delivers robust, cross-platform end-to-end testing, supporting all major rendering engines: Chromium, Firefox, and WebKit. Launched by Microsoft in January 2020, its core strength is a single API for multiple languages (TypeScript, Python, Java, .NET). The framework eliminates flaky tests through automatic waiting and provides full test isolation by creating a new browser context (a brand-new browser profile) for each test. Key tooling includes Codegen for recording actions and the Trace Viewer for deep post-mortem analysis of test failures (screencasts, live DOM snapshots). This architecture ensures reliable, high-speed execution across Windows, Linux, and macOS.
- FetchFetch is the modern standard for making asynchronous HTTP requests in the browser, replacing the clunky XMLHttpRequest with a clean, Promise-based interface.Fetch provides a streamlined logical syntax for fetching resources across the network. It uses the Request and Response objects to handle headers and body content with precision. Developers execute calls via the fetch() method (e.g., fetch('/api/data')), which returns a Promise that resolves into a Response object. This architecture supports modern features like streaming, CORS, and the AbortController for canceling requests. It is natively supported in all major browsers (Chrome 42+, Firefox 39+) and Node.js 18+, eliminating the need for external libraries like jQuery or Axios in many production environments.