Tencent/tdesign-react

Letzte erfasste Quellaktivität: 30. Oktober 2026 um 06:47

SkillsMP-Katalog aktualisiert: 5. November 2026 um 19:57

gesammelte Skills: 4

GitHub-Stars: 973
GitHub-Forks: 379

Mit einem KI-Assistenten installieren

Diesen Prompt kopieren und in den verwendeten KI-Assistenten einfügen.

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/Tencent/tdesign-react.

README des Repositorys

README-Quelldatei: README.md

README-Quelldatei lesen

Vollständige README anzeigen

<p align="center"> <a href="https://tdesign.tencent.com/" target="_blank"> <img alt="TDesign Logo" width="200" src="https://tdesign.gtimg.com/site/TDesign.png" /> </a> </p> <p align="center"> <a href="https://www.npmjs.com/package/tdesign-react"> <img src="https://img.shields.io/npm/l/tdesign-react.svg?sanitize=true" alt="License" /> </a> <a href="https://app.codecov.io/gh/Tencent/tdesign-react"> <img src="https://img.shields.io/codecov/c/github/Tencent/tdesign-react/develop.svg?style=flat-square" alt="codecov"> </a> <a href="https://www.npmjs.com/package/tdesign-react"> <img src="https://img.shields.io/npm/v/tdesign-react.svg?sanitize=true" alt="Version"> </a> <a href="https://www.npmjs.com/package/tdesign-react"> <img src="https://img.shields.io/npm/dm/tdesign-react.svg?sanitize=true" alt="Downloads" /> </a> <a href="https://deepwiki.com/Tencent/tdesign-react"> <img src="https://deepwiki.com/badge.svg" alt="Ask DeepWiki"> </a> </p> English | [简体中文](./README-zh_CN.md) TDesign React is a UI component library for React 16.x and desktop application. # 🎉 Features - Desktop application interaction - High quality UI components for React - Consistent API and UI with TDesign component libraries for other frameworks - Dark mode and customizable theme - Support tree-shaking # 📦 Installation ```shell npm i tdesign-react ``` ```shell yarn add tdesign-react ``` ```shell pnpm add tdesign-react ``` # 🔨 Usage ```tsx import React from 'react'; import { Button } from 'tdesign-react'; import 'tdesign-react/es/style/index.css'; function App() { return <Button>Hello TDesign</Button>; } ReactDOM.createRoot(document.getElementById('app')).render(<App />); ``` The package of tdesign-react provides kinds of bundles, read [the documentation](https://github.com/Tencent/tdesign/blob/main/docs/develop-install.md) for the detail of differences between bundles. # Quick Start Visit [TDesign Starter](https://tdesign.tencent.com/starter/react/) to experience in the application built with TDesign React UI components. # Browser Support | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br/> IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br/>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br/>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br/>Safari | | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Edge >=84 | Firefox >=83 | Chrome >=84 | Safari >=14.1 | Read our [browser compatibility](https://github.com/Tencent/tdesign/wiki/Browser-Compatibility) for more details. # TDesign component libraries TDesign also provides component libraries for other platforms and frameworks. - component library for Vue 3.x : [tdesign-vue-next](https://github.com/Tencent/tdesign-vue-next) - component library for Vue 2.x : [tdesign-vue](https://github.com/Tencent/tdesign-vue) - component library for Wechat miniprogram : [tdesign-miniprogram](https://github.com/Tencent/tdesign-miniprogram) # Contributing Contributing is welcome. Read [guidelines for contributing](https://github.com/Tencent/tdesign-react/blob/develop/CONTRIBUTING.md) before submitting your [Pull Request](https://github.com/Tencent/tdesign-react/pulls). ## Contributors <a href="https://openomy.app/github/tencent/tdesign-react" target="_blank" style="display: block; width: 100%;" align="center"> <img src="https://openomy.app/svg?repo=tencent/tdesign-react&chart=bubble&latestMonth=12" target="_blank" alt="Contribution Leaderboard" style="display: block; width: 100%;" /> </a> # Feedback Create your [Github issues](https://github.com/Tencent/tdesign-react/issues) or scan the QR code below to join our user groups <img src="https://raw.githubusercontent.com/Tencent/tdesign/main/packages/site-components/src/images/groups/react-group.png" width="200" /> # License The MIT License. Please see [the license file](./LICENSE) for more information.

README des Repositorys wird geladen…

Skills in diesem Repository

Webentwickler

1 Berufskategorien · 75% klassifiziert

Skill

Beruf

Beschreibung

Aktualisiert

tdesign-component-test

nicht klassifiziert

This skill should be used when writing and maintaining unit tests for TDesign React components. It provides Vitest testing patterns, best practices, and snapshot testing guidance.

Quellsprache: Chinesisch

2026-10-30

tdesign-component-style

Webentwickler

This skill should be used when developing or modifying styles for TDesign React components. It provides guidance on BEM naming conventions, CSS Variables usage, state classes, and the relationship between component code and common submodule styles.

Quellsprache: Chinesisch

2026-03-16

tdesign-create-component

Webentwickler

This skill should be used when creating a new TDesign React component. It provides a complete SOP for scaffolding components in the packages/components or packages/pro-components directories, including file structure, code patterns, and registration steps.

Quellsprache: Chinesisch

2026-03-16

tdesign-pro-component

Webentwickler

This skill should be used when developing or modifying TDesign Pro Components (AIGC/Chat). It provides the ChatEngine architecture, component patterns, AG-UI protocol integration, and Generative UI development guide.

Quellsprache: Chinesisch

2026-03-16

Es werden 4 von 4 gesammelten Skills angezeigt.