Skills
.Work. You
Rest

tink-ui-migration

Community

Migrate Sage UI to Tink for a declarative UI.

Software Engineering#theming#UI#CLI#Rust#migrate#frontend-architecture#Tink
Authormajiayu000
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Sage's CLI UI layer currently relies on an imperative, print!-based approach with scattered styling, making UI maintenance and theme consistency tedious. Migrating to the Tink UI framework provides a cohesive, declarative UI with unified theming and easier component reuse.

Core Features & Use Cases

  • Declarative UI: Replace imperative print!/println! calls with rsx! components and a centralized theme system.
  • Phase-based Migration: Structured steps to incrementally migrate sage-core and sage-cli UI modules.
  • Architectural Clarity: Consolidate icons, markdown rendering, and UI behavior into a single Tink-based UI layer.
  • Use Case: A team upgrading the Sage CLI to support new UI components, theming, and animations with predictable rendering across terminals.

Quick Start

Follow the migration guide to scaffold the UI module, add Tink as a dependency, define AppState and UI components, wire up agent events to the UI, and run cargo build to verify.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: tink-ui-migration
Download link: https://github.com/majiayu000/sage/archive/main.zip#tink-ui-migration

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 223,000+ vetted skills library on demand.