菜单
Deep-dive Textual (Python) TUI skill — 40+ widgets, layout systems, TCSS styling, reactive programming, background workers, multi-screen navigation, modal dialogs, and testing via Pilot API. Covers 10 common pitfalls and thread-safety rules for async/worker patterns. v1.0.0.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Catalogue navigator for design-agent-skills. Lists available design skill stubs, matches user intent to the right stub, and routes to install and invoke. Use when the user wants to browse or find the right design skill.
Domain navigator for UI craft, visual design, brand, color, typography, mobile design, and interactive design engineering skills. Routes to skills for taste-driven UI, platform design (iOS/Android), components, color science, and the full visual design stack.
Create programmatic videos with React. Official Remotion skill package — compose video sequences using React components, animate with spring physics, and render to MP4/GIF. Ideal for product demos, explainers, and data-driven videos.
SwiftUI visual design skill for distinctive iOS/macOS interfaces that avoid generic AI-slop patterns. Covers design direction, layout systems, typography, color, spacing, brand integration, and design review.
6 web quality skills from Google Chrome's Addy Osmani: accessibility (WCAG), web quality audit (Lighthouse-style), Core Web Vitals (LCP/INP/CLS), performance, SEO, and security best practices.
Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS. Ensures UI work meets baseline quality standards before shipping.
| name | textual-tui-skill |
| description | Deep-dive Textual (Python) TUI skill — 40+ widgets, layout systems, TCSS styling, reactive programming, background workers, multi-screen navigation, modal dialogs, and testing via Pilot API. Covers 10 common pitfalls and thread-safety rules for async/worker patterns. v1.0.0. |
| triggers | ["Textual TUI","textual-tui-skill","Textual widget","Textual app","TCSS styling","Textual framework"] |
| das | {"type":"package","category":"tui-terminal","upstream":"https://github.com/aperepel/textual-tui-skill","version":"latest"} |
Catalogue stub — full skill: aperepel/textual-tui-skill
# Clone and run quickstart
git clone https://github.com/aperepel/textual-tui-skill
cd textual-tui-skill
bash quickstart.sh
Or install the pre-compiled skill file directly into your agent's skills directory:
# Global
curl -o ~/.agents/skills/textual-tui-skill/SKILL.md \
https://raw.githubusercontent.com/aperepel/textual-tui-skill/main/skill/SKILL.md
# Project
curl -o .agents/skills/textual-tui-skill/SKILL.md \
https://raw.githubusercontent.com/aperepel/textual-tui-skill/main/skill/SKILL.md
Comprehensive Textual framework reference for building professional Python TUIs:
| Area | Coverage |
|---|---|
| Widgets | 40+ built-in: Input, Button, Select, Checkbox, DataTable, Tree, Log, RichLog, Tabs, TabbedContent |
| Layouts | Vertical, Horizontal, Grid; fixed/fractional sizing; responsive patterns |
| Styling | TCSS syntax, semantic color system, external stylesheets, borders, padding |
| Reactivity | Reactive attributes, watchers, computed properties, DOM-like widget tree |
| Async | Workers for long-running tasks, call_from_thread() for thread-safe UI updates, cancellation |
| Navigation | Multi-screen apps, modal screens, screen stack management |
| Events | Mount, Click, Key; keyboard bindings; action methods; message propagation |
| Testing | Pilot API, async test patterns with pytest, UI interaction simulation |
| Pitfalls | 10 common mistakes documented: blocking event loop, thread safety, worker selection |
4 complete working example apps (~1,100 lines): todo app, system dashboard, data viewer, worker demo.
tui-design-skilltui-design-skilltui-design-skilltui-design-skill