draw – skill Thiết kế & UI cho agent AI
Đồ họa vector và tạo sơ đồ, chuyển đổi định dạng (ODG/SVG/PDF) với LibreOffice Draw.
Cài skill draw bằng một lệnh
Chọn công cụ bạn đang dùng, copy lệnh và dán vào terminal. Skill sẽ nằm trong thư mục skills của công cụ đó và sẵn sàng dùng ở phiên làm việc tiếp theo.
Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skill.dn1nguoi.com/z/draw-1775f.tgz | tar xz -C ~/.claude/skills
Gọi trong Claude Code: /draw – rồi mô tả công việc bạn muốn làm.
Codex
mkdir -p ~/.codex/skills && curl -fsSL https://skill.dn1nguoi.com/z/draw-1775f.tgz | tar xz -C ~/.codex/skills
Gọi trong Codex: $draw – rồi mô tả công việc bạn muốn làm.
Hermes Agent
mkdir -p ~/.hermes/skills && curl -fsSL https://skill.dn1nguoi.com/z/draw-1775f.tgz | tar xz -C ~/.hermes/skills
Gọi trong Hermes Agent: /draw – rồi mô tả công việc bạn muốn làm.
DeepSeek
mkdir -p ~/.deepcode/skills && curl -fsSL https://skill.dn1nguoi.com/z/draw-1775f.tgz | tar xz -C ~/.deepcode/skills
Gọi trong DeepSeek: /draw – rồi mô tả công việc bạn muốn làm.
Nội dung SKILL.md
Nội dung SKILL.md gốc bằng tiếng Anh.
LibreOffice Draw
Overview
LibreOffice Draw skill for creating, editing, converting, and automating vector graphics and diagram workflows using the native ODG (OpenDocument Drawing) format.
When to Use This Skill
Use this skill when:
- Creating vector graphics and diagrams in ODG format
- Converting between ODG, SVG, PDF, PNG formats
- Automating diagram and flowchart generation
- Creating technical drawings and schematics
- Batch processing graphics operations
Core Capabilities
1. Graphics Creation
- Create new ODG drawings from scratch
- Generate diagrams from templates
- Create flowcharts and org charts
- Design technical drawings
2. Format Conversion
- ODG to other formats: SVG, PDF, PNG, JPG
- Other formats to ODG: SVG, PDF
- Batch conversion of multiple files
3. Diagram Automation
- Template-based diagram generation
- Automated flowchart creation
- Dynamic shape generation
- Batch diagram production
4. Graphics Manipulation
- Shape creation and manipulation
- Path and bezier curve editing
- Layer management
- Text and label insertion
5. Integration
- Command-line automation via soffice
- Python scripting with UNO
- Integration with workflow tools
Workflows
Creating a New Drawing
Method 1: Command-Line
soffice --draw template.odgMethod 2: Python with UNO
import uno
def create_drawing():
local_ctx = uno.getComponentContext()
resolver = local_ctx.ServiceManager.createInstanceWithContext(
"com.sun.star.bridge.UnoUrlResolver", local_ctx
)
ctx = resolver.resolve(
"uno:socket,host=127.0.0.1,port=8100;urp;StarOffice.ComponentContext"
)
smgr = ctx.ServiceManager
desktop = smgr.createInstanceWithContext("com.sun.star.frame.Desktop", ctx)
doc = desktop.loadComponentFromURL("private:factory/sdraw", "_blank", 0, ())
page = doc.getDrawPages().getByIndex(0)
doc.storeToURL("file:///path/to/drawing.odg", ())
doc.close(True)Converting Drawings
# ODG to SVG
soffice --headless --convert-to svg drawing.odg
# ODG to PDF
soffice --headless --convert-to pdf drawing.odg
# ODG to PNG
soffice --headless --convert-to png:draw_png_Export drawing.odg
# SVG to ODG
soffice --headless --convert-to odg drawing.svg
# Batch convert
for file in *.odg; do
soffice --headless --convert-to pdf "$file"
doneFormat Conversion Reference
Supported Input Formats
- ODG (native), SVG, PDF
Supported Output Formats
- ODG, SVG, PDF, PNG, JPG, GIF, BMP, WMF, EMF
Command-Line Reference
soffice --headless
soffice --headless --convert-to <format> <file>
soffice --draw # DrawPython Libraries
pip install ezodf # ODF handling
pip install odfpy # ODF manipulation
pip install svgwrite # SVG generationBest Practices
1. Use layers for organization
2. Create templates for recurring diagrams
3. Use vector formats for scalability
4. Name objects for easy reference
5. Store ODG source files in version control
6. Test conversions thoroughly
7. Export to SVG for web use
Troubleshooting
Cannot open socket
# Inspect the listener and stop only the task-owned process after saving its documents.
soffice --headless --accept="socket,host=127.0.0.1,port=8100;urp;"Quality Issues in PNG Export
soffice --headless --convert-to 'png:draw_png_Export:{"PixelWidth":{"type":"long","value":"2048"},"PixelHeight":{"type":"long","value":"2048"}}' drawing.odgResources
- [LibreOffice Draw Guide](https://documentation.libreoffice.org/)
- [UNO API Reference](https://api.libreoffice.org/)
- [SVG Specification](https://www.w3.org/TR/SVG/)
Related Skills
- writer
- calc
- impress
- base
- workflow-automation
Limitations
- Use this skill only when the task clearly matches the scope described above.
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.
Automation and document limits
Verify the actual LibreOffice version, filters, Python UNO binding and database drivers; installing unrelated Python libraries does not provide UNO. Bind any UNO listener to loopback in a separate task-owned profile and stop it after use; UNO is not an authenticated sandbox. Do not terminate all office processes or expose the listener publicly. Use a fresh private output directory, check expected file type/nonempty output and inspect the rendered result; exit zero alone is insufficient.
Opening documents can invoke macros, external links or embedded content: use approved inputs with macros/updates disabled and isolate untrusted conversions. Format conversion may lose layout, formulas, links, notes, multiple sheets/pages or features. Retain originals, clarify CSV sheet/delimiter/encoding and preserve formula/identifier semantics. Do not automatically install packages, publish documents or put sensitive records in Git. These examples were statically reviewed only; no LibreOffice process or conversion was run.
Skill liên quan
- duotone-design – Hướng dẫn triển khai Web và App cho Duotone Design. Kích hoạt khi người dùng muốn bảng…
- ecommerce-listing-image-set – Cài đặt và sử dụng gói Ecommerce Product Images chính thức, được ghim theo digest, cho…
- editorial-design – Hướng dẫn triển khai Web và App cho Editorial Design. Kích hoạt khi người dùng muốn bố…
- electron-drive-skill – Khởi chạy ứng dụng Electron của dự án trên profile tạm và thao tác: click, nhập liệu…
- emil-design-eng – Dùng khi thiết kế hoặc đánh giá giao diện sản phẩm tinh tế, lấy cảm hứng từ hoạt ảnh…
- engine-selection – Chọn game engine và framework theo nền tảng, thể loại và kiến trúc (canvas toàn màn hình…
- quality-manager-qms-iso13485 – Triển khai và duy trì hệ thống quản lý chất lượng ISO 13485 cho tổ chức thiết bị y tế…
- enhance-prompt – Biến ý tưởng UI còn mơ hồ thành prompt hoàn chỉnh, tối ưu cho Stitch. Tăng độ cụ thể…