Claude Skills by partme-ai

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).

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).

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).

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).

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

Generate and render a pixel-precise ASCII TUI Lazy Load 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 lazy load in a terminal UI, text-based interface, or Pencil MCP project.

Generate and render a pixel-precise ASCII TUI Line 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 line progress in a terminal UI, text-based interface, or Pencil MCP project.

Generate and render a pixel-precise ASCII TUI Line 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 line in a terminal UI, text-based interface, or Pencil MCP project.

Generate and render a pixel-precise ASCII TUI Link 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 link in a terminal UI, text-based interface, or Pencil MCP project.

Generate and render a pixel-precise ASCII TUI Load More 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 load more in a terminal UI, text-based interface, or Pencil MCP project.