tui-steps
用于生成并渲染像素级 ASCII TUI Steps（步骤条）组件的技能，输出 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN 四类完整产出，供 Pencil MCP 在画布上批量创建设计。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-08 00:04
设计与创作
22,410 个结果
tui-sticky
tui-sticky 是 partme-ai/full-stack-skills 中的一项技能，用于生成像素级精确的 ASCII TUI Sticky 组件，并输出 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN 四类完整结果块，供 Pencil MCP 设计流程使用。
tui-swipe-action
tui-swipe-action 是 partme-ai/full-stack-skills 中的技能，用于生成并渲染像素精确的 ASCII TUI Swipe Action 组件，输出 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN 四个完整输出块，并附带布局属性与 Pencil MCP 可用的批量设计计划。
tui-swiper
tui-swiper 是 partme-ai/full-stack-skills 中的技能，用于生成并渲染像素精确的 ASCII TUI Swiper 组件，输出 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC 和 PENCIL_BATCH_DESIGN 等完整结果块，并遵循固定渲染与校验规则。
tui-tabbar
tui-tabbar 是 partme-ai/full-stack-skills 中的技能，用于生成并渲染像素精确的 ASCII TUI Tabbar 组件，输出 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN 四个完整输出块，并支持 Pencil MCP 设计规格与批量设计计划。
tui-table
tui-table 是 partme-ai/full-stack-skills 中的一项技能，用于生成并渲染像素精确的 ASCII TUI 表格组件，输出 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN 四个完整区块，并附带 Pencil MCP 可用的规格与批量设计计划。
tui-tabs
tui-tabs 是 partme-ai/full-stack-skills 中的技能，用于生成并渲染像素精确的 ASCII TUI Tabs 组件，输出 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN 四个完整区块，并给出布局属性与 Pencil MCP 可用的批量设计计划。
tui-tabs-swiper
tui-tabs-swiper 是 partme-ai/full-stack-skills 中的技能，用于生成并渲染像素精确的 ASCII TUI Tabs Swiper 组件，输出 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN 四个完整区块，并附带布局、样式、排版与 Pencil 批量设计规格。
tui-tag
tui-tag 是一项用于生成并渲染像素级精确 ASCII TUI Tag（标签）组件的技能，可输出 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN 四类完整输出块，供终端文本界面与 Pencil 设计流程使用。
tui-text
tui-text 是 full-stack-skills 中的一项技能，用于生成以 ASCII 字符绘制的 Text（文本）TUI 组件，并同时输出 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC 与 PENCIL_BATCH_DESIGN 四类结构化结果，便于把文本组件规格接入 Pencil MCP 设计流程。
tui-textarea
tui-textarea 是 partme-ai/full-stack-skills 中的一个技能，用于生成并渲染像素精确的 ASCII TUI Textarea（文本域）组件，输出包含 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC 与 PENCIL_BATCH_DESIGN 四个完整输出块。
tui-time-line
TUI 时间线组件生成技能：把输入模型渲染为像素级对齐的 ASCII 文本界面，并同时输出 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC 与 PENCIL_BATCH_DESIGN 输出块，供 Pencil MCP 按批创建设计。
tui-toast
tui-toast 是一个技能，用于生成像素精确的 ASCII 文本界面（TUI）Toast 组件，并输出可供 Pencil 使用的完整规格块，包括 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC 和 PENCIL_BATCH_DESIGN。需输入布局与样式模型 JSON，按网格换算坐标并以固定契约输出。
tui-top-tips
tui-top-tips 是 partme-ai/full-stack-skills 中的一个技能，用于生成并渲染像素精确的 ASCII TUI「Top Tips」组件。它会输出 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC 与 PENCIL_BATCH_DESIGN 四类完整结果块，并可用于 Pencil MCP 的设计流程。
tui-upload
tui-upload 是 partme-ai/full-stack-skills 中的技能，用于把 Upload 组件渲染为像素级 ASCII 文本界面，并输出 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC 与 PENCIL_BATCH_DESIGN 等完整输出块，供 Pencil MCP 生成设计。
pencil
用于通过 Pencil MCP 读取或修改加密的 .pen 设计文件、批量设计操作与布局校验的技能。需列出工具或执行 batch_get、batch_design 等调用。
pencil-design-from-stitch-html
该技能用于将 Stitch 页面 HTML（或 Stitch URL/项目 ID、屏幕 ID）转换为 Pencil 的 .pen 设计稿，目标是让生成的画板与页面布局和样式精确对应。它解析 DOM 与 Tailwind 类，按 HTML 元素到 Pencil 节点的映射规则、严格的执行顺序以及 Tailwind 到 .pen 的样式映射（背景、颜色、尺寸、外边距、内边距、阴影、圆角、排版）来绘制。输入为 Stitch URL 或 ID 时，通过 Stitch MCP 的 get_screen 获取 HTML；随后使用 Pencil MCP 的 open_document、batch_design、find_empty_space_on_canvas、get_screenshot 等工具分批构建节点树。每个 batch_design 调用不超过 25 个操作，按画布准备、根节点、页头、主区域、分区/卡片、表单、页脚的顺序执行。可选指定目标框架（uView 2、uView Pro、Bootstrap、Element Plus、Layui、Vant），以使用对应设计系统引用和样式令牌；未指定时使用基础节点以获得最大布局与样式保真度。
pencil-mcp-batch-design
pencil-mcp-batch-design 是 Pencil 设计工具的技能，用于批量执行画布设计变更，充当 Agent 的“手”。它通过调用 Pencil MCP 工具 batch_design，实现对节点的插入、更新、替换、删除与移动操作，适合在明确提及 Pencil 的对话中完成设计计划的落地。
pencil-mcp-find-empty-space-on-canvas
用于 Pencil 画布自动寻找空白区域的技能，调用 find_empty_space_on_canvas 工具，为新增 Frame 或画板计算不重叠的放置坐标，保持画布整洁。
pencil-mcp-get-guidelines
Pencil 设计指南获取技能，调用 MCP 工具 get_guidelines，用于在 Pencil 中设计前读取 Material Design、iOS HIG 或自定义规范等设计系统说明，也可获取代码生成、表格、Tailwind、落地页等主题的规则。需用户明确提到 Pencil 时使用。
pencil-mcp-get-style-guide
pencil-mcp-get-style-guide 是一个调用 Pencil MCP 工具 get_style_guide 的技能，用于按 ID 或标签检索特定风格的详细定义，包括调色板、字体规则等元数据，供后续设计调用使用。仅在用户明确提及 Pencil 的场景下使用。
pencil-mcp-get-style-guide-tags
该技能用于调用 Pencil MCP 工具 get_style_guide_tags，探索设计风格标签，为 Pencil 设计获取灵感，例如 Modern、Dark Mode、SaaS 等风格方向。当用户明确提到 Pencil，且需要设计灵感、风格要求模糊（如“酷一点”“现代感”）或为 get_style_guide 做准备时使用。输入参数包括可选的具体风格指南 ID 和用于筛选的标签数组；使用方式是调用 get_style_guide_tags()，分析返回的标签，再将感兴趣的标签用于 get_style_guide。
pencil-mcp-get-variables
用于调用 Pencil MCP 工具 get_variables，读取当前文档中定义的设计令牌（颜色、字体、间距等变量），以便在设计操作中使用语义名称而非硬编码值。仅在用户明确提到 Pencil 时使用。
pencil-mcp-open-document
Pencil MCP 的 open_document 技能，用于在 Pencil 中新建或打开 .pen 设计文档，也可在同一会话中切换当前设计文件。仅在用户明确提到 Pencil 时使用。