stitch-ui-designer
Master orchestrator for end-to-end Stitch UI design and generation. Use when the user asks to design, create, or make a UI screen using Stitch. Coordinates design spec generation, framework contract injection, prompt assembly, and MCP execution (create_project, generate_screen_from_text, get_screen) in a single workflow.
stitch-ui-prompt-architect
Build Stitch-ready prompts from vague UI ideas (Path A) or from a Design Spec plus user request (Path B). Use when polishing a UI prompt before Stitch generation, improving a prompt that produced poor results, or merging a Design Spec with framework contracts (uView, Element Plus, Layui, Bootstrap, Vant) into a sectioned Context/Layout/Components prompt.
stitch-uview-components
Convert Stitch designs into uni-app + Vue 2 + uView 2.0 pages and components. Use when the user mentions uView, uView 2, or uni-app Vue 2 conversion from Stitch. Retrieves screen HTML via Stitch MCP get_screen, maps Tailwind to rpx/theme, enforces uni-app page structure with uView 2 u-* components (u-navbar, u-form, u-button, u-cell-group).
stitch-uviewpro-components
Convert Stitch designs into uni-app + Vue 3 + uView Pro pages and components. Use when the user mentions uView Pro, uviewpro, or uni-app Vue 3 conversion from Stitch. Retrieves screen HTML via Stitch MCP get_screen, maps Tailwind to rpx/theme, enforces u-* component contracts (u-tabs, u-form, u-picker, u-card) with script setup.
stitch-vue-bootstrap-components
Convert Stitch designs into modular Vite + Vue 3 + BootstrapVue/BootstrapVueNext components. Use when the user mentions Bootstrap or BootstrapVue conversion from Stitch. Retrieves screen HTML via Stitch MCP get_screen, maps Tailwind to Bootstrap utilities, enforces Vue SFC structure with Bootstrap components (b-container, b-row, b-col, b-button, b-card).
stitch-vue-element-components
Convert Stitch designs into modular Vite + Vue 3 + Element Plus components. Use when the user mentions Element Plus, element-ui, or Vue Desktop conversion from Stitch. Retrieves screen HTML via Stitch MCP get_screen, maps Tailwind to Element Plus tokens, enforces Vue SFC structure with el-* components (el-button, el-form, el-table, el-card, el-menu).
stitch-vue-layui-components
Convert Stitch designs into modular Vite + Vue 3 + Layui-Vue components. Use when the user mentions Layui conversion from Stitch. Retrieves screen HTML via Stitch MCP get_screen, maps Tailwind to Layui tokens (2px/4px radius), enforces Vue SFC structure with Layui-Vue components (layui-btn, layui-input, lay-card, lay-page-header).
stitch-vue-vant-components
Convert Stitch designs into modular Vite + Vue 3 + Vant 4 mobile components. Use when the user mentions Vant or Vue Mobile conversion from Stitch. Retrieves screen HTML via Stitch MCP get_screen, maps Tailwind to Vant tokens (mobile-first 375px, safe area), enforces Vue SFC structure with Vant 4 components (van-button, van-field, van-nav-bar, van-tabbar).
svelte
Guides Svelte and SvelteKit development including reactive components, stores, transitions, lifecycle hooks, SSR, file-based routing, and deployment. Use when the user needs to build Svelte components, create SvelteKit applications, implement reactivity patterns, or configure Svelte with Vite.
tui-04x
Generate and render a pixel-precise ASCII TUI 04x Layout component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create a grid layout in a terminal UI, text-based interface, or Pencil MCP project.
tui-action-sheet
Generate and render a pixel-precise ASCII TUI Action Sheet component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create an action sheet in a terminal UI, text-based interface, or Pencil MCP project.
tui-alert-tips
Generate and render a pixel-precise ASCII TUI Alert Tips component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create an alert tips in a terminal UI, text-based interface, or Pencil MCP project.
tui-avatar-cropper
Generate and render a pixel-precise ASCII TUI Avatar Cropper component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create an avatar cropper in a terminal UI, text-based interface, or Pencil MCP project.
tui-avatar
Generate and render a pixel-precise ASCII TUI Avatar component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create an avatar in a terminal UI, text-based interface, or Pencil MCP project.
tui-back-top
Generate and render a pixel-precise ASCII TUI Back to Top component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create a back to top in a terminal UI, text-based interface, or Pencil MCP project.
tui-badge
Generate and render a pixel-precise ASCII TUI Badge component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create a badge in a terminal UI, text-based interface, or Pencil MCP project.
tui-button
Generate and render a pixel-precise ASCII TUI Button component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create a button in a terminal UI, text-based interface, or Pencil MCP project.
tui-calendar
Generate and render a pixel-precise ASCII TUI Calendar component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create a calendar in a terminal UI, text-based interface, or Pencil MCP project.
tui-card
Generate and render a pixel-precise ASCII TUI Card component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create a card in a terminal UI, text-based interface, or Pencil MCP project.
tui-cell
Generate and render a pixel-precise ASCII TUI Cell component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create a cell in a terminal UI, text-based interface, or Pencil MCP project.
tui-changelog
Generate and render a pixel-precise ASCII TUI Changelog component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create a changelog in a terminal UI, text-based interface, or Pencil MCP project.
tui-chat-group
Generate and render a pixel-precise ASCII TUI Chat Group component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create a chat group in a terminal UI, text-based interface, or Pencil MCP project.
tui-checkbox
Generate and render a pixel-precise ASCII TUI Checkbox component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create a checkbox in a terminal UI, text-based interface, or Pencil MCP project.
tui-circle-progress
Generate and render a pixel-precise ASCII TUI Circle Progress component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create a circle progress in a terminal UI, text-based interface, or Pencil MCP project.
tui-collapse
Generate and render a pixel-precise ASCII TUI Collapse component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create a collapse in a terminal UI, text-based interface, or Pencil MCP project.
tui-color
Generate and render a pixel-precise ASCII TUI Color component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create a color in a terminal UI, text-based interface, or Pencil MCP project.
tui-common
Generate and render a pixel-precise ASCII TUI Common Utilities component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create a common utilities in a terminal UI, text-based interface, or Pencil MCP project.
tui-config-provider
Generate and render a pixel-precise ASCII TUI Config Provider component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create a config provider in a terminal UI, text-based interface, or Pencil MCP project.
tui-count-down
Generate and render a pixel-precise ASCII TUI Countdown component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create a countdown in a terminal UI, text-based interface, or Pencil MCP project.
tui-count-to
Generate and render a pixel-precise ASCII TUI Count To component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create a count to in a terminal UI, text-based interface, or Pencil MCP project.
tui-divider
Generate and render a pixel-precise ASCII TUI Divider component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create a divider in a terminal UI, text-based interface, or Pencil MCP project.
tui-download-setting
Generate and render a pixel-precise ASCII TUI Download Setting component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create a download setting in a terminal UI, text-based interface, or Pencil MCP project.
tui-dropdown
Generate and render a pixel-precise ASCII TUI Dropdown component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create a dropdown in a terminal UI, text-based interface, or Pencil MCP project.
tui-empty
Generate and render a pixel-precise ASCII TUI Empty State component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create an empty state in a terminal UI, text-based interface, or Pencil MCP project.
tui-fab
Generate and render a pixel-precise ASCII TUI FAB component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create a fab in a terminal UI, text-based interface, or Pencil MCP project.
tui-feature
Generate and render a pixel-precise ASCII TUI Feature component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create a feature in a terminal UI, text-based interface, or Pencil MCP project.
tui-field
Generate and render a pixel-precise ASCII TUI Field component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create a field in a terminal UI, text-based interface, or Pencil MCP project.
tui-form
Generate and render a pixel-precise ASCII TUI Form component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create a form in a terminal UI, text-based interface, or Pencil MCP project.
tui-front-ui
Generate and render a pixel-precise ASCII TUI Front UI Framework component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create a front UI in a terminal UI, text-based interface, or Pencil MCP project.
tui-full-screen
Generate and render a pixel-precise ASCII TUI Full Screen component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create a full screen in a terminal UI, text-based interface, or Pencil MCP project.
tui-gap
Generate and render a pixel-precise ASCII TUI Gap component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create a gap in a terminal UI, text-based interface, or Pencil MCP project.
tui-grid
Generate and render a pixel-precise ASCII TUI Grid component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create a grid in a terminal UI, text-based interface, or Pencil MCP project.
tui-icon
Generate and render a pixel-precise ASCII TUI Icon component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create an icon in a terminal UI, text-based interface, or Pencil MCP project.
tui-image
Generate and render a pixel-precise ASCII TUI Image component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create an image in a terminal UI, text-based interface, or Pencil MCP project.
tui-index-list
Generate and render a pixel-precise ASCII TUI Index List component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create an index list in a terminal UI, text-based interface, or Pencil MCP project.
tui-input
Generate and render a pixel-precise ASCII TUI Input component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create an input in a terminal UI, text-based interface, or Pencil MCP project.
tui-install
Generate and render a pixel-precise ASCII TUI Install Guide component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create an install in a terminal UI, text-based interface, or Pencil MCP project.
tui-intro
Generate and render a pixel-precise ASCII TUI Introduction component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create an introduction in a terminal UI, text-based interface, or Pencil MCP project.
tui-keyboard
Generate and render a pixel-precise ASCII TUI Keyboard component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create a keyboard in a terminal UI, text-based interface, or Pencil MCP project.
tui-layout
Generate and render a pixel-precise ASCII TUI Layout component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC, PENCIL_BATCH_DESIGN) for Pencil MCP drawing workflows. Use when the user asks to create a layout in a terminal UI, text-based interface, or Pencil MCP project.
Page 5 of 9 · 420 results