telegram-keyboard-design

SKILL.md

Progressive Disclosure Only show relevant buttons at each step, reducing cognitive load:

✅ Buttons are 30-40px tall (easy to tap) ✅ Max 2 buttons per row horizontally ✅ Max 5 rows visible without scrolling ✅ Back buttons always available ✅ Loading state with query.answer() ✅ Edit, not reply for follow-up messages ✅ Emoji for visual clarity ✅ Short labels (max 20 chars)

❌ Show 20 buttons at once ❌ Nested buttons without back ❌ Tiny buttons (<25px) ❌ No loading feedback (frozen UI) ❌ Same text with different actions ❌ Deep button hierarchies (>3 levels)

使用正确的用户体验模式设计 Telegram 机器人键盘、按钮和对话流程。包括内联键盘、回复键盘、按钮回调和渐进式披露，以实现更好的移动用户体验。 来源：ils15/copilot-global-config。

查看原文