From partme-ai-full-stack-skills
Initializes Layui design tokens including primary, warm, danger colors, text, border, font sizes, and radius in Pencil .pen files. Creates overview frames for components like Button, Table, Form, Menu, Tabs using batch_design.
npx claudepluginhub partme-ai/full-stack-skills --plugin t2ui-skillsThis skill uses the workspace's default tool permissions.
**Constraint**: Only use this skill when the user explicitly mentions "Pencil" and "Layui" (or "layui-vue") or when orchestrating a Pencil design system initialization task.
Creates isolated Git worktrees for feature branches with prioritized directory selection, gitignore safety checks, auto project setup for Node/Python/Rust/Go, and baseline verification.
Executes implementation plans in current session by dispatching fresh subagents per independent task, with two-stage reviews: spec compliance then code quality.
Dispatches parallel agents to independently tackle 2+ tasks like separate test failures or subsystems without shared state or dependencies.
Constraint: Only use this skill when the user explicitly mentions "Pencil" and "Layui" (or "layui-vue") or when orchestrating a Pencil design system initialization task.
Use this skill when:
This skill outputs a PENCIL_PLAN. The Agent then calls Pencil MCP tools in order: open_document, set_variables, batch_design, optionally get_screenshot.
Use mcp__pencil__set_variables to register Layui design tokens. Follow .pen file schema.
Primary / Theme
layui-primary: #1e9fff (Layui default blue)layui-normal: #1e9ffflayui-warm: #ffb800layui-danger: #ff5722Text & Border
layui-text: #333333layui-border: #e6e6e6Font & Radius
layui-font-md: 14pxlayui-radius: 2px (Layui default)Fill from official Layui docs if more tokens are needed.
Use mcp__pencil__batch_design to create a "Components Overview" frame with sections based on Layui documentation:
Organize frames using Auto Layout. Keep each batch_design call to maximum 25 operations.
{
"name": "set_variables",
"arguments": {
"filePath": "designs/app.pen",
"replace": false,
"variables": {
"layui-primary": "#1e9fff",
"layui-warm": "#ffb800",
"layui-danger": "#ff5722",
"layui-text": "#333333",
"layui-border": "#e6e6e6",
"layui-font-md": "14px",
"layui-radius": "2px"
}
}
}
set_variables with replace: false unless a full reset is requested.batch_design call to maximum 25 operations; split by category if needed.pencil, layui, layui-vue, design system, init, variables, components
references/contract.md – Design tokens and component naming.references/official.md – Link to official documentation.references/examples.md – Example PENCIL_PLAN.references/components.md – Component specifications.