skills.rest
modu-ai
modu-aiOFFICIAL
Explore all skills by this author →
Website𝕏@MODU_AIGitHub

moai-workflow-pencil-integration

Detect and orchestrate Pencil MCP batch design tasks in MoAI Studio workflows.

4|4|Updated Apr 21, 2026
Search Tags:#automation#workflow#design#mcp#pencil#batch-design
One-click install
npx skills add https://github.com/modu-ai/moai-studio --skill moai-workflow-pencil-integration
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: moai-workflow-pencil-integration
Source: https://github.com/modu-ai/moai-studio/tree/main/.claude/skills/moai-workflow-pencil-integration
Command: npx skills add https://github.com/modu-ai/moai-studio --skill moai-workflow-pencil-integration

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Detects and orchestrates Pencil MCP batch design tasks within MoAI Studio's design workflow, loading required tools and executing batches with verification and artifact capture.

Core Features & Use Cases

  • Detects .pen files and pencil-plan.md, loads Pencil MCP tools, and executes batch design operations with layout verification.
  • Archives screenshots of the resulting UI frames for traceability.
  • Invoked from /moai design Phase B2.6 when preconditions are satisfied to ensure correct sequencing.

Quick Start

Invoke during the MoAI design workflow to run Pencil MCP batch designs and archive resulting screenshots.

Frequently Asked Questions about moai-workflow-pencil-integration

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate Pencil MCP batch design tasks in MoAI Studio?▼

You can automate Pencil MCP batch design by invoking this Skill during your design workflow; it detects .pen files, loads Pencil MCP tools, and executes batch operations with layout verification and screenshot archival.

What is a Pencil MCP batch design operation and how does it work?▼

Pencil MCP batch design is a deterministic design run that loads required tools to execute batches from a plan. The process includes editor state validation, plan parsing, batch execution with retry, and layout validation.

Do I need specific files to run Pencil batch design automation?▼

Yes, running Pencil batch design automation requires Pencil resources to exist. The workflow detects .pen files and a pencil-plan.md file, and requires Phase B2.6 preconditions to be satisfied before execution.

How do I archive screenshots of UI frames generated by Pencil MCP?▼

You can archive screenshots of UI frames generated by Pencil MCP by running this Skill; it automatically captures and archives resulting UI frame screenshots during the batch execution process for traceability.

Why is my Pencil MCP batch design task not executing in the workflow?▼

Your Pencil MCP batch design task may not execute if Phase B2.6 preconditions are not met or if Pencil resources like .pen files and pencil-plan.md are missing, preventing the deterministic design run from starting.

Related Skills

Explore More Design & Creative Skills→
gkswls5006-webgkswls5006-web

moai-workflow-pencil-integration

Automate Pencil MCP batch design workflows with layout checks and screenshot archiving.

Community
Advanced
bomberoxenviosdosruedasbomberoxenviosdosruedas

agency-evidence-collector

Capture screenshots and review test results for visual QA evidence.

Community
Advanced
wade56754wade56754

ai-ad-test-gen

Generate pytest test cases from SoT documents and target source code.

Community
Advanced
phrazzldphrazzld
13

pencil-renderer

Render design DNA codes into Pencil .pen frames via the MCP backend.

Community
Intermediate