Inhabited-design: an adversarial-persona Claude Code skill that produces delightful AI design (not slop) | Seattle .

Members-Only

Recent Talks & Demos are for members only

Exclusive feed

You must be an AI Tinkerers active member to view these talks and demos.

June 09, 2026 · Seattle

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.

Overview
Links
Tech stack
  • Claude Code
    Anthropic'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-4
    Claude 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.
  • MCP
    MCP 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 .
  • Playwright
    Playwright 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.
  • Fetch
    Fetch 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.