搵技能.../

Generate Stitch Screens | Skills Pool

技能檔案

Generate Stitch Screens

Generate high-fidelity UI screens using Google Stitch. Reads the IA and user flows to build prompts, calls the Stitch MCP tools, and saves HTML outputs to docs/design/screens/. Use this after flows are complete.

Kit-Kroker0 星標2026年3月22日

職業
分類: CLI 工具

技能內容

Skill Instructions

Prerequisites

docs/design/ia.md must exist (screen inventory)
docs/design/flows.md must exist (user flows)
Stitch MCP server must be running (see docs/design/stitch-setup.md)

Inputs to Read

docs/design/ia.md — Screen Inventory table and Access Rules
docs/design/flows.md — steps and actions per flow
docs/analysis/prd.md — project goal and user context
.project/state/answers.json — project name, type, complexity, frontend tech

Workflow

1. Create a Stitch project

Call stitch/create_project once per bootstrap run:

相關技能

快速安裝

Generate Stitch Screens

npx skills add Kit-Kroker/copilot-bootstrap

下載 Skill 打開源碼倉庫

作者: Kit-Kroker
星標: 0
更新時間: 2026年3月22日
職業

本頁內容

01Skill Instructions

02

Prerequisites

03Inputs to Read

051. Create a Stitch project

軟件開發人員

Oracle

Best practices for using the oracle CLI (prompt + file bundling, engines, sessions, and file attachment patterns).

Blucli

BluOS CLI (blu) for discovery, playback, grouping, and volume.

Peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

Add Dock Band

Add dock band support to your Command Palette extension for persistent toolbar widgets. Use when asked to add dock support, toolbar buttons, persistent UI widgets, taskbar integration, live-updating status displays, quick-access buttons, or always-visible controls. Supports single buttons, multi-button strips, and live-updating content.

microsoft131.8k

Add Fallback Commands

Add fallback commands to your Command Palette extension for catch-all search behavior. Use when asked to add search functionality, query matching, direct input handling, calculator-style evaluation, URL opening, command execution, or results that appear when no other extension matches. Used by 14 of 20 built-in extensions.

microsoft131.8k

Add Adaptive Card Form

Create form-based UI for your Command Palette extension using Adaptive Cards. Use when asked to add forms, user input fields, toggle switches, text inputs, dropdown menus, data entry, surveys, configuration dialogs, or interactive content pages. Supports the Adaptive Cards Designer for visual form building.

microsoft131.8k

軟件開發人員