Beruf
nicht klassifiziert
Beschreibung
用于通过 Pencil MCP 读取/修改 .pen 设计文件并校验布局。用户提到 pencil/.pen/设计稿编辑、需要列出工具或执行 batch_get/batch_design 时调用。
Quellsprache: Chinesisch
Aktualisiert
full-stack-skills/pencil-skills
SkillsMP hat 28 Skills aus full-stack-skills/pencil-skills gesammelt. Öffne einen Skill, um Quelle und Details zu prüfen.
- Letzte erfasste Quellaktivität
- SkillsMP-Katalog aktualisiert
- gesammelte Skills
- 28
- GitHub-Stars
- 1
- GitHub-Forks
- 1
Skills in diesem Repository
Klassifizierung ausstehend
Es werden 28 von 28 gesammelten Skills angezeigt.
Skill
Beruf
Beschreibung
Aktualisiert
Beruf
nicht klassifiziert
Beschreibung
When you need to turn Stitch page HTML (or a Stitch URL) into a Pencil .pen design. Parses DOM and Tailwind, applies HTML→Pencil mapping and execution order, outputs sequential batch_design for layout and style fidelity (background, color, size, margin,…
Quellsprache: Englisch
Aktualisiert
Beruf
nicht klassifiziert
Beschreibung
Batch execute design changes. The Agent's 'Hands'. Core capability for inserting, updating, moving, or deleting nodes.
Quellsprache: Englisch
Aktualisiert
Beruf
nicht klassifiziert
Beschreibung
Batch search and read node information. The Agent's 'Eyes'. Use to find specific components e.g. all nodes named 'Button' or get child structure within a container.
Quellsprache: Englisch
Aktualisiert
Beruf
nicht klassifiziert
Beschreibung
Smartly find empty canvas space. Use to automatically plan artboard placement to avoid overlap and keep the canvas organized.
Quellsprache: Englisch
Aktualisiert
Beruf
nicht klassifiziert
Beschreibung
Get current design environment context. Use when you need to understand what is currently selected, canvas position, and environment state before any task.
Quellsprache: Englisch
Aktualisiert
Beruf
nicht klassifiziert
Beschreibung
Get design system guidelines. Use to read and understand specifications e.g. Material Design iOS HIG or custom specs before designing.
Quellsprache: Englisch
Aktualisiert
Beruf
nicht klassifiziert
Beschreibung
Get node visual screenshot. Visual Verification. Use to capture screenshots after operations to verify if the design meets expectations.
Quellsprache: Englisch
Aktualisiert
Beruf
nicht klassifiziert
Beschreibung
Get specific style detailed definitions. Use to get metadata for a specific style, including palettes, typography rules, etc.
Quellsprache: Englisch
Aktualisiert
Beruf
nicht klassifiziert
Beschreibung
Explore design style tags. Use to get design inspiration, such as 'Modern', 'Dark Mode', 'SaaS' directions.
Quellsprache: Englisch
Aktualisiert
Beruf
nicht klassifiziert
Beschreibung
Read design variables Tokens . Use to get Design Tokens color font variables defined in the current document to ensure consistency.
Quellsprache: Englisch
Aktualisiert
Beruf
nicht klassifiziert
Beschreibung
Open or create a design document. Use when you need to initialize design tasks, create new files, or switch to specific designs.
Quellsprache: Englisch
Aktualisiert
Beruf
nicht klassifiziert
Beschreibung
Global property batch replace. Use for global style adjustment, e.g., 'Replace all red backgrounds with brand blue'.
Quellsprache: Englisch
Aktualisiert
Beruf
nicht klassifiziert
Beschreibung
Global property search. Use for design audit, e.g., 'Find all nodes using red background
Quellsprache: Englisch
Aktualisiert
Beruf
nicht klassifiziert
Beschreibung
Set or update design variables. Use to establish or maintain a Design Token system.
Quellsprache: Englisch
Aktualisiert
Beruf
nicht klassifiziert
Beschreibung
Factory skill for creating new pencil-ui-design-system-* skills. Use when you need to add support for a new design system layui antd bootstrap element uview uviewpro vant ucharts echarts etc. to the Pencil ecosystem.
Quellsprache: Englisch
Aktualisiert
Beruf
nicht klassifiziert
Beschreibung
Translates vague user requirements into an action-level PENCIL_PLAN sequence of Pencil MCP tool calls . Does not execute; outputs the plan only.
Quellsprache: Englisch
Aktualisiert
Beruf
nicht klassifiziert
Beschreibung
Initialize Ant Design. design system components in Pencil variables and component overview.
Quellsprache: Englisch
Aktualisiert
Beruf
nicht klassifiziert
Beschreibung
Initialize Bootstrap. design system components in Pencil variables and component overview.
Quellsprache: Englisch
Aktualisiert
Beruf
nicht klassifiziert
Beschreibung
Initialize ECharts. design system components chart placeholders and data-viz tokens in Pencil.
Quellsprache: Englisch
Aktualisiert
Beruf
nicht klassifiziert
Beschreibung
Initialize Element Plus. design system components in Pencil variables and component overview.
Quellsprache: Englisch
Aktualisiert
Beruf
nicht klassifiziert
Beschreibung
Initialize Layui. design system components in Pencil variables and component overview.
Quellsprache: Englisch
Aktualisiert
Beruf
nicht klassifiziert
Beschreibung
Initialize uCharts. design system components chart placeholders and data-viz tokens in Pencil.
Quellsprache: Englisch
Aktualisiert
Beruf
nicht klassifiziert
Beschreibung
Initialize uView 2.x . design system components in Pencil variables and component overview.
Quellsprache: Englisch
Aktualisiert
Beruf
nicht klassifiziert
Beschreibung
Initialize uView Pro. design system components in Pencil variables and component overview.
Quellsprache: Englisch
Aktualisiert
Beruf
nicht klassifiziert
Beschreibung
Initialize Vant. design system components in Pencil variables and component overview.
Quellsprache: Englisch
Aktualisiert
Beruf
nicht klassifiziert
Beschreibung
The Pencil Orchestrator. Handles the flow of initializing Design System Components based on requirements.
Quellsprache: Englisch
Aktualisiert
Beruf
nicht klassifiziert
Beschreibung
Get page layout structure snapshot. Use when you need to understand the current page's DOM-like tree structure to prepare for layout adjustments.
Quellsprache: Mehrsprachig
Aktualisiert
Es werden 28 von 28 gesammelten Skills angezeigt.