tui-prd-to-descriptions
PRD 界面 → 多格式描述
将 PRD 中的界面/屏幕描述 转化为三种可交付物,供文档补充与下游 stitch-skills、pencil-skills 使用。本技能只产出描述文本,不调用 Stitch MCP 或 Pencil MCP。
何时使用
- 用户提供 PRD 文档或 PRD 界面章节,需要同时得到:ASCII 界面(补充 PRD)、Stitch 可识别的提示词、Pencil 可执行计划。
- 需要明确「PRD 界面 → 多格式」的产出结构,便于与 stitch-skills、pencil-skills 流水线衔接。
输入
- PRD 文档 或 PRD 中的界面相关段落:功能概述、页面/屏幕列表、详细功能需求中的界面说明、非功能需求中的视觉/主题偏好。
- 可选:目标框架或设计说明摘要(如 uView Pro、Element Plus),用于生成更贴合的 Stitch 与 Pencil 描述。
输出(三种块,均需产出)
1. TUI_RENDER(ASCII 界面)
- 等宽字符绘制的界面示意,可多屏,每屏可标注名称(如「登录页」「首页」)。
More from teachingai/full-stack-skills
electron
Build cross-platform desktop applications with Electron, covering main/renderer process architecture, IPC communication, BrowserWindow management, menus, tray icons, packaging, and security best practices. Use when the user asks about Electron, needs to create desktop applications, implement Electron features, or build cross-platform desktop apps.
1.9Kelement-plus-vue3
Provides comprehensive guidance for Element Plus Vue 3 component library including installation, components, themes, internationalization, and API reference. Use when the user asks about Element Plus for Vue 3, needs to build Vue 3 applications with Element Plus, or customize component styles.
1.6Kuniapp-project
Provides per-component and per-API examples with cross-platform compatibility details for uni-app, covering built-in components, uni-ui components, and APIs (network, storage, device, UI, navigation, media). Use when the user needs official uni-app components or APIs, wants per-component examples with doc links, or needs platform compatibility checks.
760vue3
Guidance for Vue 3 using the official guide and API reference. Use when the user needs Vue 3 concepts, patterns, or API details to build components, apps, and tooling.
503drawio-flowchart
Creates flowcharts, swim lane diagrams, and business process diagrams using Draw.io (diagrams.net). Covers standard flowchart shapes (process, decision, start/end), connectors, auto-layout, and export to PNG/SVG/PDF. Use when the user needs to visualize workflows, decision trees, or business processes.
397course-designer
Design structured courses including syllabi, learning objectives using Bloom's taxonomy, lesson plans, and assessment rubrics. Use when the user asks about course design, needs to create a curriculum, write learning objectives, structure educational modules, or build assessment plans.
304