Skills
.Work. You
Rest

td-sketch-ui

Community

Turn sketches into polished TouchDesigner UIs.

Design & Creative#prototyping#ui-design#palette#layout-patterns#touchdesigner#td-sketch-ui#td-ui
AuthorGuiGPaP
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Converting hand-drawn UI sketches into functional TouchDesigner panels can be time-consuming and error-prone; this Skill streamlines ideation-to-prototype by mapping sketches to Palette Basic Widgets and providing structured layout and interaction patterns.

Core Features & Use Cases

  • Sketch-to-UI mapping: translate rectangles, grids, and annotations into corresponding TD widgets (buttons, sliders, tabs, labels) using Palette components.
  • Layout patterns: apply common TD Sketch-UI layouts (vertical panels, tabs, toolbars, grids) with built-in sizing and fill rules.
  • Rapid prototyping: generate testable interfaces within a TD project to iterate visuals and interactions with stakeholders.
  • Reference-driven development: reuse the included widget catalog and layout references to maintain consistency across projects.

Quick Start

Provide a sketch image and a target TouchDesigner project path, and I will generate a TD Sketch-UI layout using the Palette widgets and initialize a ready-to-test panel in the project.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: td-sketch-ui
Download link: https://github.com/GuiGPaP/TD_starter_pack/archive/main.zip#td-sketch-ui

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.