Skills
.Work. You
Rest

tdesign-mobile

Community

Bring mobile UI components to Vue 3 & React.

Design & Creative#react#mobile#vue3#design-system#component-library#tdesign
Authortiantangcao1980-web
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Mobile web apps often require two separate UI libraries for Vue and React, causing inconsistencies and extra maintenance. TDesign Mobile unifies cross-framework mobile UI components with responsive sizing and iOS/Android-adaptive styling (NavBar, Tabbar, ActionSheet, SwipeCell, and more).

Core Features & Use Cases

  • Cross-framework mobile UI components for Vue 3 and React
  • Rich catalog covering navigation, form, and feedback components
  • Consistent theming and responsive behavior across devices

Quick Start

Install the Vue 3 package (tdesign-mobile-vue) or the React package (tdesign-mobile-react), then import and initialize TDesign Mobile in your project.

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: tdesign-mobile
Download link: https://github.com/tiantangcao1980-web/DesignDNA-Skills/archive/main.zip#tdesign-mobile

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.