t2ui-skills
June 23, 2026 · View on GitHub
t2ui-skills
T2UI terminal UI component skills — 97 TUI component specifications
English | 简体中文
Introduction · Install · Skills · Supported Agents · Ecosystem
📖 Introduction
T2UI Skills is a curated collection of Agent Skills for AI coding agents, part of the Full Stack Skills ecosystem maintained by PartMe.AI.
This package includes 97 skills. Each skill is a self-contained SKILL.md file that AI agents load on-demand.
📦 Install
npx skills add full-stack-skills/t2ui-skills
Or install specific skills:
npx skills add full-stack-skills/t2ui-skills --skill <skill-name>
🎯 Skills (97)
| Skill | Description |
|---|---|
tui-04x | Generate pixel-precise ASCII TUI for 04x (u-04x) with strict output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, ... |
tui-action-sheet | Generate pixel-precise ASCII TUI for Action Sheet u-action-sheet with strict output blocks TUI_RENDER COMPONENT_SPEC ... |
tui-alert-tips | Generate pixel-precise ASCII TUI for Alert Tips u-alert-tips with strict output blocks TUI_RENDER COMPONENT_SPEC PENC... |
tui-avatar-cropper | Generate pixel-precise ASCII TUI for Avatar Cropper (u-avatar-cropper) with strict output blocks (TUI_RENDER, COMPONE... |
tui-avatar | Generate pixel-precise ASCII TUI for Avatar u-avatar with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC ... |
tui-back-top | Generate pixel-precise ASCII TUI for Back Top u-back-top with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_S... |
tui-badge | Generate pixel-precise ASCII TUI for Badge u-badge with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC PE... |
tui-button | Generate pixel-precise ASCII TUI for Button u-button with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC ... |
tui-calendar | Generate pixel-precise ASCII TUI for Calendar u-calendar with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_S... |
tui-card | Generate pixel-precise ASCII TUI for Card u-card with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC PENC... |
tui-cell | Generate pixel-precise ASCII TUI for Cell u-cell with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC PENC... |
tui-changelog | Generate pixel-precise ASCII TUI for Changelog (u-changelog) with strict output blocks (TUI_RENDER, COMPONENT_SPEC, P... |
tui-chat-group | Generate pixel-precise ASCII TUI for Chat Group (u-chat-group) with strict output blocks (TUI_RENDER, COMPONENT_SPEC,... |
tui-checkbox | Generate pixel-precise ASCII TUI for Checkbox u-checkbox with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_S... |
tui-circle-progress | Generate pixel-precise ASCII TUI for Circle Progress u-circle-progress with strict output blocks TUI_RENDER COMPONENT... |
tui-collapse | Generate pixel-precise ASCII TUI for Collapse u-collapse with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_S... |
tui-color | Generate pixel-precise ASCII TUI for Color u-color with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC PE... |
tui-common | Generate pixel-precise ASCII TUI for Common (u-common) with strict output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_... |
tui-config-provider | Generate pixel-precise ASCII TUI for Config Provider u-config-provider with strict output blocks TUI_RENDER COMPONENT... |
tui-count-down | Generate pixel-precise ASCII TUI for Count Down u-count-down with strict output blocks TUI_RENDER COMPONENT_SPEC PENC... |
tui-count-to | Generate pixel-precise ASCII TUI for Count To u-count-to with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_S... |
tui-divider | Generate pixel-precise ASCII TUI for Divider u-divider with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPE... |
tui-download-setting | Generate pixel-precise ASCII TUI for Download Setting (u-download-setting) with strict output blocks (TUI_RENDER, COM... |
tui-dropdown | Generate pixel-precise ASCII TUI for Dropdown u-dropdown with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_S... |
tui-empty | Generate pixel-precise ASCII TUI for Empty u-empty with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC PE... |
tui-fab | Generate pixel-precise ASCII TUI for Fab u-fab with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC PENCIL... |
tui-feature | Generate pixel-precise ASCII TUI for Feature (u-feature) with strict output blocks (TUI_RENDER, COMPONENT_SPEC, PENCI... |
tui-field | Generate pixel-precise ASCII TUI for Field u-field with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC PE... |
tui-form | Generate pixel-precise ASCII TUI for Form u-form with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC PENC... |
tui-front-ui | Define strict, example-rich rules for generating pixel-precise ASCII Text UI (TUI) with layout attributes (top/left/w... |
tui-full-screen | Generate pixel-precise ASCII TUI for Full Screen u-full-screen with strict output blocks TUI_RENDER COMPONENT_SPEC PE... |
tui-gap | Generate pixel-precise ASCII TUI for Gap u-gap with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC PENCIL... |
tui-grid | Generate pixel-precise ASCII TUI for Grid u-grid with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC PENC... |
tui-icon | Generate pixel-precise ASCII TUI for Icon u-icon with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC PENC... |
tui-image | Generate pixel-precise ASCII TUI for Image u-image with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC PE... |
tui-index-list | Generate pixel-precise ASCII TUI for Index List u-index-list with strict output blocks TUI_RENDER COMPONENT_SPEC PENC... |
tui-input | Generate pixel-precise ASCII TUI for Input u-input with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC PE... |
tui-install | Generate pixel-precise ASCII TUI for Install (u-install) with strict output blocks (TUI_RENDER, COMPONENT_SPEC, PENCI... |
tui-intro | Generate pixel-precise ASCII TUI for Intro (u-intro) with strict output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SP... |
tui-keyboard | Generate pixel-precise ASCII TUI for Keyboard u-keyboard with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_S... |
tui-layout | Generate pixel-precise ASCII TUI for Layout u-layout with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC ... |
tui-lazy-load | Generate pixel-precise ASCII TUI for Lazy Load u-lazy-load with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL... |
tui-line-progress | Generate pixel-precise ASCII TUI for Line Progress u-line-progress with strict output blocks TUI_RENDER COMPONENT_SPE... |
tui-line | Generate pixel-precise ASCII TUI for Line u-line with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC PENC... |
tui-link | Generate pixel-precise ASCII TUI for Link u-link with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC PENC... |
tui-load-more | Generate pixel-precise ASCII TUI for Load More u-load-more with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL... |
tui-loading-popup | Generate pixel-precise ASCII TUI for Loading Popup u-loading-popup with strict output blocks TUI_RENDER COMPONENT_SPE... |
tui-loading | Generate pixel-precise ASCII TUI for Loading u-loading with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPE... |
tui-mask | Generate pixel-precise ASCII TUI for Mask u-mask with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC PENC... |
tui-message-input | Generate pixel-precise ASCII TUI for Message Input u-message-input with strict output blocks TUI_RENDER COMPONENT_SPE... |
tui-modal | Generate pixel-precise ASCII TUI for Modal u-modal with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC PE... |
tui-navbar | Generate pixel-precise ASCII TUI for Navbar u-navbar with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC ... |
tui-no-network | Generate pixel-precise ASCII TUI for No Network u-no-network with strict output blocks TUI_RENDER COMPONENT_SPEC PENC... |
tui-notice-bar | Generate pixel-precise ASCII TUI for Notice Bar u-notice-bar with strict output blocks TUI_RENDER COMPONENT_SPEC PENC... |
tui-npm-setting | Generate pixel-precise ASCII TUI for Npm Setting (u-npm-setting) with strict output blocks (TUI_RENDER, COMPONENT_SPE... |
tui-number-box | Generate pixel-precise ASCII TUI for Number Box u-number-box with strict output blocks TUI_RENDER COMPONENT_SPEC PENC... |
tui-nvue | Generate pixel-precise ASCII TUI for Nvue (u-nvue) with strict output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC... |
tui-page-composer | Compose multiple ASCII TUI components into a full page with a consolidated layout summary and Pencil MCP–ready batch_... |
tui-pagination | Generate pixel-precise ASCII TUI for Pagination u-pagination with strict output blocks TUI_RENDER COMPONENT_SPEC PENC... |
tui-picker | Generate pixel-precise ASCII TUI for Picker u-picker with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC ... |
tui-popup | Generate pixel-precise ASCII TUI for Popup u-popup with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC PE... |
tui-prd-to-descriptions | From PRD interface/screen descriptions, output ASCII UI (for PRD supplement), Stitch-executable prompt (for stitch-sk... |
tui-quickstart | Generate pixel-precise ASCII TUI for Quickstart (u-quickstart) with strict output blocks (TUI_RENDER, COMPONENT_SPEC,... |
tui-radio | Generate pixel-precise ASCII TUI for Radio u-radio with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC PE... |
tui-rate | Generate pixel-precise ASCII TUI for Rate u-rate with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC PENC... |
tui-read-more | Generate pixel-precise ASCII TUI for Read More u-read-more with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL... |
tui-read | Generate pixel-precise ASCII TUI for Read (u-read) with strict output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC... |
tui-root-portal | Generate pixel-precise ASCII TUI for Root Portal u-root-portal with strict output blocks TUI_RENDER COMPONENT_SPEC PE... |
tui-safe-area-inset | Generate pixel-precise ASCII TUI for Safe Area Inset u-safe-area-inset with strict output blocks TUI_RENDER COMPONENT... |
tui-search | Generate pixel-precise ASCII TUI for Search u-search with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC ... |
tui-section | Generate pixel-precise ASCII TUI for Section u-section with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPE... |
tui-select | Generate pixel-precise ASCII TUI for Select u-select with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC ... |
tui-setting | Generate pixel-precise ASCII TUI for Setting (u-setting) with strict output blocks (TUI_RENDER, COMPONENT_SPEC, PENCI... |
tui-skeleton | Generate pixel-precise ASCII TUI for Skeleton u-skeleton with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_S... |
tui-slider | Generate pixel-precise ASCII TUI for Slider u-slider with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC ... |
tui-steps | Generate pixel-precise ASCII TUI for Steps u-steps with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC PE... |
tui-sticky | Generate pixel-precise ASCII TUI for Sticky u-sticky with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC ... |
tui-subsection | Generate pixel-precise ASCII TUI for Subsection u-subsection with strict output blocks TUI_RENDER COMPONENT_SPEC PENC... |
tui-swipe-action | Generate pixel-precise ASCII TUI for Swipe Action u-swipe-action with strict output blocks TUI_RENDER COMPONENT_SPEC ... |
tui-swiper | Generate pixel-precise ASCII TUI for Swiper u-swiper with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC ... |
tui-switch | Generate pixel-precise ASCII TUI for Switch u-switch with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC ... |
tui-tabbar | Generate pixel-precise ASCII TUI for Tabbar u-tabbar with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC ... |
tui-table | Generate pixel-precise ASCII TUI for Table u-table with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC PE... |
tui-tabs-swiper | Generate pixel-precise ASCII TUI for Tabs Swiper u-tabs-swiper with strict output blocks TUI_RENDER COMPONENT_SPEC PE... |
tui-tabs | Generate pixel-precise ASCII TUI for Tabs u-tabs with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC PENC... |
tui-tag | Generate pixel-precise ASCII TUI for Tag u-tag with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC PENCIL... |
tui-text | Generate pixel-precise ASCII TUI for Text u-text with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC PENC... |
tui-textarea | Generate pixel-precise ASCII TUI for Textarea u-textarea with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_S... |
tui-time-line | Generate pixel-precise ASCII TUI for Time Line u-time-line with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL... |
tui-toast | Generate pixel-precise ASCII TUI for Toast u-toast with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC PE... |
tui-top-tips | Generate pixel-precise ASCII TUI for Top Tips u-top-tips with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_S... |
tui-transition | Generate pixel-precise ASCII TUI for Transition u-transition with strict output blocks TUI_RENDER COMPONENT_SPEC PENC... |
tui-uni-modules-setting | Generate pixel-precise ASCII TUI for Uni Modules Setting (u-uni-modules-setting) with strict output blocks (TUI_RENDE... |
tui-upload | Generate pixel-precise ASCII TUI for Upload u-upload with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC ... |
tui-verification-code | Generate pixel-precise ASCII TUI for Verification Code u-verification-code with strict output blocks TUI_RENDER COMPO... |
tui-vuex-detail | Generate pixel-precise ASCII TUI for Vuex Detail (u-vuex-detail) with strict output blocks (TUI_RENDER, COMPONENT_SPE... |
tui-waterfall | Generate pixel-precise ASCII TUI for Waterfall u-waterfall with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL... |
🤖 Supported Agents
Works with Claude Code, Codex, Cursor, OpenCode, Gemini CLI, GitHub Copilot, Windsurf, and 70+ others.
Claude Code Installation
Option 1: npx skills CLI (Recommended)
npx skills add full-stack-skills/t2ui-skills
Option 2: Manual Installation
git clone https://github.com/full-stack-skills/t2ui-skills.git
cp -r t2ui-skills/skills/* .claude/skills/
For more details, see the Claude Code Skills Guide and Agent Skills Spec.
🌐 Ecosystem
| Resource | Link |
|---|---|
| Full Stack Skills | github.com/partme-ai/full-stack-skills |
| All Skill Groups | github.com/full-stack-skills |
| Agent Skills Spec | agentskills.io |
| Skills CLI | github.com/vercel-labs/skills |
📄 License
Apache 2.0 — see LICENSE.