/
漏 2026 RiffOn. All rights reserved.
  1. Dive Club 馃た
  2. Kyle Zantos - Designer's toolkit for Claude Code
Kyle Zantos - Designer's toolkit for Claude Code

Kyle Zantos - Designer's toolkit for Claude Code

Dive Club 馃た 路 Jan 7, 2026

Kyle Zantos shares his toolkit for designers building with AI, covering tactics like creating custom playgrounds and AI agents to level up skills.

Build a "Playground" Environment to Experiment and Generate Reusable Code Snippets

Instead of building components directly in your main project, create a dedicated "playground" file. This allows for rapid, isolated experimentation with different parameters and effects, generating reusable code that can then be easily integrated into your application.

Kyle Zantos - Designer's toolkit for Claude Code thumbnail

Kyle Zantos - Designer's toolkit for Claude Code

Dive Club 馃た路a month ago

Build a Custom AI Design Auditor Based on the Work of Your Favorite Designers

Create a custom AI agent trained on the philosophies and techniques of designers you admire. Feed it their articles, code examples, and tweets to build a "visual design auditor" that provides feedback and suggestions aligned with their collective style.

Kyle Zantos - Designer's toolkit for Claude Code thumbnail

Kyle Zantos - Designer's toolkit for Claude Code

Dive Club 馃た路a month ago

Prioritize Learning Core Design Philosophies Over Transient AI Tool-Specific Tactics

The landscape of AI tools and tactics changes rapidly. Instead of chasing the latest setup guides, focus on understanding the underlying design and engineering philosophies. This knowledge is more durable and allows you to adapt to new tools as they emerge.

Kyle Zantos - Designer's toolkit for Claude Code thumbnail

Kyle Zantos - Designer's toolkit for Claude Code

Dive Club 馃た路a month ago

Train AI Coding Assistants on URLs of Advanced Design Techniques to Replicate Them

Instead of manually learning and implementing complex design techniques you find online, feed the URL of the article or example directly to an AI coding assistant. The AI can analyze the technique and apply it to your existing components, saving significant time.

Kyle Zantos - Designer's toolkit for Claude Code thumbnail

Kyle Zantos - Designer's toolkit for Claude Code

Dive Club 馃た路a month ago

Use Cursor's Visual Editor for Quick UI Tweaks, Not Full Design Workflows

Cursor's visual editor allows designers to make minor adjustments to UI elements like padding and spacing directly, bypassing the need for constant AI prompting. This speeds up experimentation but doesn't replace dedicated design tools like Figma.

Kyle Zantos - Designer's toolkit for Claude Code thumbnail

Kyle Zantos - Designer's toolkit for Claude Code

Dive Club 馃た路a month ago

Dedicate "Tune-Up Days" Solely to Improving Tools and Workflows, Not Project Tasks

To avoid the trap of optimizing your setup during project time, schedule dedicated "tune-up days." This is protected time to experiment with new tools, install plugins, organize files, and consume educational content, ensuring your toolkit evolves without disrupting project flow.

Kyle Zantos - Designer's toolkit for Claude Code thumbnail

Kyle Zantos - Designer's toolkit for Claude Code

Dive Club 馃た路a month ago

Combine Multiple Cheaper AI Subscriptions to Avoid Rate Limits and Access Specialized Models

Rather than relying on one expensive AI coding subscription and hitting rate limits, subscribe to two more affordable services. This tactic provides a fallback if you hit a usage cap on one, and also diversifies your toolkit with access to different LLMs optimized for specific tasks.

Kyle Zantos - Designer's toolkit for Claude Code thumbnail

Kyle Zantos - Designer's toolkit for Claude Code

Dive Club 馃た路a month ago

Integrate Control Panel Libraries like Leva to Visually Tweak Interaction Design in Code

To bridge the gap between design and code, use a control panel library like Leva. Ask your AI assistant to implement it, giving you real-time sliders and inputs to fine-tune animation timings, easing curves, and other interaction parameters without constantly rewriting code.

Kyle Zantos - Designer's toolkit for Claude Code thumbnail

Kyle Zantos - Designer's toolkit for Claude Code

Dive Club 馃た路a month ago