@cteno/sdk-linux-x64 0.0.0-stage → 2.10.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.daemon +31 -0
- package/README.md +4 -2
- package/agents/flow-analyzer/AGENT.md +71 -0
- package/bin/cteno-host-cli +4 -0
- package/bin/cteno-wiki +0 -0
- package/bin/rg +0 -0
- package/bin/secret-exec +0 -0
- package/manifest.json +12 -0
- package/package.json +33 -4
- package/plugins/agent-secrets/.cteno-plugin/plugin.json +133 -0
- package/plugins/agent-secrets/bin/linux-x64/fnox +4 -0
- package/plugins/agent-secrets/bin/linux-x64/secret-exec +0 -0
- package/plugins/agent-secrets/skills/secret/SKILL.md +201 -0
- package/plugins/cteno.browser/.cteno-plugin/plugin.json +65 -0
- package/plugins/cteno.browser/skills/browser/SKILL.md +28 -0
- package/plugins/cteno.inbox/.cteno-plugin/plugin.json +132 -0
- package/plugins/cteno.inbox/bin/all/cteno-connector-credential +31 -0
- package/plugins/cteno.inbox/bin/all/cteno-telegram-connector +33 -0
- package/plugins/cteno.inbox/bin/linux-x64/cteno-inbox +0 -0
- package/plugins/cteno.inbox/skills/cteno-inbox/SKILL.md +374 -0
- package/plugins/cteno.inbox/tools/inbox_focus/TOOL.md +44 -0
- package/plugins/cteno.memory/.cteno-plugin/plugin.json +176 -0
- package/plugins/cteno.memory/agents/llm-wiki/AGENT.md +96 -0
- package/plugins/cteno.memory/bin/linux-x64/cteno-wiki +0 -0
- package/plugins/cteno.memory/skills/codebase-wiki/SKILL.md +52 -0
- package/plugins/cteno.memory/skills/cteno.memory.native/SKILL.md +110 -0
- package/plugins/cteno.memory/tools/memory/TOOL.md +492 -0
- package/plugins/cteno.memory/ui/index.html +822 -0
- package/plugins/cteno.models/.cteno-plugin/plugin.json +191 -0
- package/plugins/cteno.websearch/.cteno-plugin/plugin.json +45 -0
- package/plugins/jev/.cteno-plugin/plugin.json +309 -0
- package/plugins/jev/skills/jev-browser/SKILL.md +66 -0
- package/plugins/jev/skills/jev-browser/jev_browser.py +335 -0
- package/skills/agent-create/SKILL.md +86 -0
- package/skills/cteno-host-cli/SKILL.md +256 -0
- package/skills/docx/LICENSE +23 -0
- package/skills/docx/NOTICE.md +8 -0
- package/skills/docx/SKILL.md +69 -0
- package/skills/docx/references/cjk_typography.md +357 -0
- package/skills/docx/references/design_principles.md +819 -0
- package/skills/docx/references/revisions-and-comments.md +88 -0
- package/skills/docx/references/track_changes_guide.md +200 -0
- package/skills/docx/references/typography_guide.md +294 -0
- package/skills/docx/scripts/cjk_fonts.py +244 -0
- package/skills/docx/scripts/docx_comments.py +289 -0
- package/skills/docx/scripts/docx_common.py +92 -0
- package/skills/docx/scripts/docx_create.py +259 -0
- package/skills/docx/scripts/docx_edit.py +250 -0
- package/skills/docx/scripts/docx_read.py +149 -0
- package/skills/docx/scripts/docx_revisions.py +146 -0
- package/skills/docx/scripts/docx_template.py +70 -0
- package/skills/docx/scripts/docx_validate.py +156 -0
- package/skills/docx/scripts/render.py +250 -0
- package/skills/docx/tests/test_docx_skill.py +525 -0
- package/skills/home-devices/SKILL.md +121 -0
- package/skills/mcp/SKILL.md +72 -0
- package/skills/mcp/scripts/mcp_setup.py +439 -0
- package/skills/pdf/LICENSE +23 -0
- package/skills/pdf/NOTICE.md +8 -0
- package/skills/pdf/SKILL.md +63 -0
- package/skills/pdf/references/design-tokens.md +381 -0
- package/skills/pdf/references/forms.md +99 -0
- package/skills/pdf/references/nano-pdf-editing.md +40 -0
- package/skills/pdf/references/ocr-extraction.md +165 -0
- package/skills/pdf/scripts/_raster.py +76 -0
- package/skills/pdf/scripts/extract_marker.py +88 -0
- package/skills/pdf/scripts/extract_pymupdf.py +101 -0
- package/skills/pdf/scripts/pdf_create.py +191 -0
- package/skills/pdf/scripts/pdf_fill_form.py +97 -0
- package/skills/pdf/scripts/pdf_form_layout.py +168 -0
- package/skills/pdf/scripts/pdf_make_form.py +145 -0
- package/skills/pdf/scripts/pdf_merge.py +50 -0
- package/skills/pdf/scripts/pdf_meta.py +115 -0
- package/skills/pdf/scripts/pdf_page_image.py +99 -0
- package/skills/pdf/scripts/pdf_read.py +153 -0
- package/skills/pdf/scripts/pdf_secure.py +71 -0
- package/skills/pdf/scripts/pdf_split.py +84 -0
- package/skills/pdf/scripts/pdf_stamp.py +143 -0
- package/skills/pdf/scripts/pdf_watermark.py +51 -0
- package/skills/pdf/scripts/render.py +250 -0
- package/skills/pdf/tests/test_pdf_skill.py +415 -0
- package/skills/pptx/LICENSE +23 -0
- package/skills/pptx/NOTICE.md +8 -0
- package/skills/pptx/SKILL.md +62 -0
- package/skills/pptx/references/design-system.md +392 -0
- package/skills/pptx/references/pptxgenjs.md +420 -0
- package/skills/pptx/references/slide-types.md +413 -0
- package/skills/pptx/scripts/cjk_fonts.py +244 -0
- package/skills/pptx/scripts/pptx_create.py +240 -0
- package/skills/pptx/scripts/pptx_edit.py +436 -0
- package/skills/pptx/scripts/pptx_from_template.py +88 -0
- package/skills/pptx/scripts/pptx_read.py +131 -0
- package/skills/pptx/scripts/pptx_render.py +96 -0
- package/skills/pptx/scripts/render.py +250 -0
- package/skills/pptx/tests/test_powerpoint_skill.py +477 -0
- package/skills/skill-create/SKILL.md +114 -0
- package/skills/video-generation/SKILL.md +27 -0
- package/skills/xlsx/LICENSE +23 -0
- package/skills/xlsx/NOTICE.md +8 -0
- package/skills/xlsx/SKILL.md +63 -0
- package/skills/xlsx/references/format.md +71 -0
- package/skills/xlsx/references/restructuring.md +71 -0
- package/skills/xlsx/scripts/csv_to_xlsx.py +110 -0
- package/skills/xlsx/scripts/formula_check.py +428 -0
- package/skills/xlsx/scripts/render.py +250 -0
- package/skills/xlsx/scripts/xlsx_create.py +265 -0
- package/skills/xlsx/scripts/xlsx_edit.py +269 -0
- package/skills/xlsx/scripts/xlsx_read.py +166 -0
- package/skills/xlsx/scripts/xlsx_recalc.py +119 -0
- package/skills/xlsx/scripts/xlsx_restructure.py +343 -0
- package/skills/xlsx/scripts/xlsx_to_csv.py +75 -0
- package/skills/xlsx/tests/test_xlsx_skill.py +544 -0
- package/tools/create_goal/TOOL.md +36 -0
- package/tools/image_generation/TOOL.md +81 -0
- package/tools/skill/TOOL.md +117 -0
- package/tools/update_profile_notes/TOOL.md +39 -0
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 Cteno
|
|
4
|
+
Portions Copyright (c) 2026 Nous Research (scripts/ and tests/ adapted from the Hermes Agent productivity skills)
|
|
5
|
+
Portions Copyright (c) 2026 MiniMaxAI (references adapted from MiniMax-AI/skills)
|
|
6
|
+
|
|
7
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
8
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
9
|
+
in the Software without restriction, including without limitation the rights
|
|
10
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
11
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
12
|
+
furnished to do so, subject to the following conditions:
|
|
13
|
+
|
|
14
|
+
The above copyright notice and this permission notice shall be included in all
|
|
15
|
+
copies or substantial portions of the Software.
|
|
16
|
+
|
|
17
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
18
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
19
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
20
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
21
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
22
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
23
|
+
SOFTWARE.
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
# Sources for the office skills (docx, pptx, xlsx, pdf)
|
|
2
|
+
|
|
3
|
+
- **Scripts and tests**: adapted from Nous Research Hermes Agent `skills/productivity/{docx,powerpoint,xlsx,pdf}` (MIT), upstream commit `bf0203a` (2026-10-22).
|
|
4
|
+
- **Chinese typesetting, design and formatting references**: adapted from MiniMax-AI/skills `minimax-docx`, `pptx-generator`, `minimax-xlsx`, `minimax-pdf` (MIT); `xlsx/scripts/formula_check.py` from minimax-xlsx.
|
|
5
|
+
- **Cteno additions**: `scripts/render.py` (isolated LibreOffice profile, macOS CJK font exposure and substitution), `scripts/cjk_fonts.py` (East Asian font slots), CJK handling in `docx_create.py` / `pptx_create.py` / `pdf_create.py`, 16:9 layout stretch in `pptx_create.py`, all `SKILL.md` texts.
|
|
6
|
+
- Anthropic's document skills (proprietary licence) informed which pitfalls to cover; no text or code was copied from them.
|
|
7
|
+
|
|
8
|
+
Not tracked live: to update, diff the upstream folders above against these copies and re-run each skill's `tests/` plus a render check.
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
---
|
|
2
|
+
id: pptx
|
|
3
|
+
name: pptx
|
|
4
|
+
version: "2.0.0"
|
|
5
|
+
description: "Create, read, edit and template PowerPoint .pptx decks (native charts, tables, notes), with slide-design rules, Chinese font handling and a mandatory render-every-slide check."
|
|
6
|
+
when_to_use: "Use whenever a .pptx/.potx is input or output: slide decks, pitch/汇报/培训 PPT, presentations, reading or summarizing a deck, replacing text or chart data, filling a brand template, reordering/duplicating slides, speaker notes."
|
|
7
|
+
license: MIT (see LICENSE; scripts adapted from Nous Research and MiniMax, MIT)
|
|
8
|
+
tags: [pptx, powerpoint, slides, deck, presentation, 汇报]
|
|
9
|
+
---
|
|
10
|
+
|
|
11
|
+
# PowerPoint decks (.pptx)
|
|
12
|
+
|
|
13
|
+
| Task | Route |
|
|
14
|
+
|---|---|
|
|
15
|
+
| New deck, standard layouts | JSON spec → `${SKILL_DIR}/scripts/pptx_create.py spec.json out.pptx` |
|
|
16
|
+
| New deck, designed/custom layout | Write a `pptxgenjs` (Node) or `python-pptx` script; see `${SKILL_DIR}/references/pptxgenjs.md`, `${SKILL_DIR}/references/design-system.md`, `${SKILL_DIR}/references/slide-types.md` |
|
|
17
|
+
| Brand template | `${SKILL_DIR}/scripts/pptx_from_template.py tpl.pptx out.pptx --values v.json [--add-slides spec.json]` (inherits the template's masters, fonts, colors) |
|
|
18
|
+
| Edit existing | `${SKILL_DIR}/scripts/pptx_edit.py deck.pptx --replace-text OLD NEW / --chart-data spec.json / --duplicate-slide N / --remove-slide N / --move-slide A B / --set-notes N TEXT …` (`--output` keeps the original) |
|
|
19
|
+
| Read | `${SKILL_DIR}/scripts/pptx_read.py deck.pptx --outline / --notes / --images DIR` |
|
|
20
|
+
| Look at it | `${SKILL_DIR}/scripts/render.py deck.pptx` → one PNG per slide |
|
|
21
|
+
| `.ppt` / `.key`-exported in | `soffice --headless --convert-to pptx FILE` first |
|
|
22
|
+
|
|
23
|
+
Scripts take `--help`, print JSON, exit non-zero on failure. Always call scripts by the absolute paths shown here (not a copy found elsewhere on disk).
|
|
24
|
+
Dependencies: `python3 -m pip install python-pptx lxml` (pptxgenjs route: `npm install pptxgenjs`). Rendering: LibreOffice + poppler.
|
|
25
|
+
|
|
26
|
+
## Plan the deck before generating
|
|
27
|
+
|
|
28
|
+
1. **Audience, purpose, length.** 汇报 to leadership: conclusion first, 8–15 slides. Training: one idea per slide. Pitch: problem → solution → evidence → ask.
|
|
29
|
+
2. **One message per slide, written as the title** — a sentence that states the point ("Q4 营收同比增长 54%"), not a topic label ("营收情况").
|
|
30
|
+
3. **Outline as a table first** (slide #, title-message, visual, data source), then build. Every number from the user or a cited source; unknowns marked `【待确认】`.
|
|
31
|
+
4. Use the user's template/brand when given — it overrides every design rule below.
|
|
32
|
+
|
|
33
|
+
## Design rules (for decks you design)
|
|
34
|
+
|
|
35
|
+
- **Pick a palette for THIS topic** (see `${SKILL_DIR}/references/design-system.md`): one dominant color (60–70%), one or two supporting tones, one sharp accent. If the colors would fit any other deck, choose again. Don't default to blue or to beige backgrounds.
|
|
36
|
+
- **Every slide has a visual** — chart, table, diagram, icon row, big number, or image. A title plus bullets only is the exception, not the default.
|
|
37
|
+
- **Vary layouts**: two-column, big-stat callout (60–72 pt number + small label), comparison columns, timeline/process, 2×2 grid. Don't repeat the same layout on consecutive slides.
|
|
38
|
+
- **Type scale**: title 36–44 pt, section header 20–24 pt, body 16–20 pt (never below 14), captions 10–12 pt. Left-align body text; center only titles.
|
|
39
|
+
- **Spacing**: ≥ 0.5″ from slide edges, consistent 0.3″ or 0.5″ gaps, leave breathing room.
|
|
40
|
+
- **Avoid AI tells**: accent lines under titles, decorative color bars/stripes along an edge, text-only slides, gradients everywhere, clip-art icons in mismatched styles, more than ~6 bullets.
|
|
41
|
+
- **Charts stay native** (editable in PowerPoint): give them a title, data labels where values matter, colors from the palette, light gridlines, legend only for multiple series. Images only for chart types PowerPoint lacks.
|
|
42
|
+
- Speaker notes go in notes, never in a text box on the slide.
|
|
43
|
+
|
|
44
|
+
## Chinese decks
|
|
45
|
+
|
|
46
|
+
- PowerPoint picks CJK glyphs from the East Asian font slot (`<a:ea>`). `pptx_create.py` sets it automatically (Microsoft YaHei) when the spec has CJK; for decks built any other way run `python3 ${SKILL_DIR}/scripts/cjk_fonts.py deck.pptx` (`--heading`/`--body` to choose fonts) before delivery.
|
|
47
|
+
- Chinese needs ~15% more line height and fewer characters per line: ≤ 20 字 per bullet, ≤ 5 bullets.
|
|
48
|
+
- Full-width punctuation in Chinese text; numbers and units half-width (`54%`, `3.2 亿元`).
|
|
49
|
+
|
|
50
|
+
## Gotchas
|
|
51
|
+
|
|
52
|
+
- **Slide size**: `pptx_create.py` makes 16:9 (13.333″ × 7.5″) and stretches the default layouts to fit; pptxgenjs `LAYOUT_16x9` is 10″ × 5.625″ — coordinates beyond the edge are silently off-slide.
|
|
53
|
+
- **pptxgenjs**: hex colors without `#` and never 8 digits (both corrupt the file); one `new pptxgen()` per file; option objects are mutated in place — build a fresh one per call; shadow offset must be ≥ 0; use `bullet: true`, never a literal `•`; `rectRadius` only on `ROUNDED_RECTANGLE`; on stacked bar charts `dataLabelPosition: "outEnd"` corrupts the file; text boxes have internal padding (`margin: 0` to align with shapes).
|
|
54
|
+
- **python-pptx**: `text_frame.text = …` collapses formatting — set `run.text`; it can't duplicate slides (use `pptx_edit.py --duplicate-slide`), and chart slides can't be duplicated at all.
|
|
55
|
+
- **Template filling**: if the template has 4 slots and you have 3 items, delete the 4th group entirely (image + text), not just its text. Remove leftover placeholder text.
|
|
56
|
+
- **Fonts in preview**: rendering uses LibreOffice with substitute fonts; widths can differ slightly from real Office. Leave ~10% slack in text boxes; Arial/Calibri/YaHei are the most faithful.
|
|
57
|
+
|
|
58
|
+
## Verify before delivery (required)
|
|
59
|
+
|
|
60
|
+
1. `python3 ${SKILL_DIR}/scripts/pptx_read.py out.pptx --outline` — slide count, titles, chart values and notes match the outline; no `{{`, `xxx`, `lorem`, `TODO`, `点击此处添加`.
|
|
61
|
+
2. `python3 ${SKILL_DIR}/scripts/render.py out.pptx`, then **open every slide image** with fresh eyes (you will otherwise see what you meant, not what rendered). Check, in this order: text overflowing or cut off; overlapping elements; CJK in a fallback font or boxes; < 0.5″ margins or cramped/uneven gaps; low-contrast text or icons; misaligned columns; charts without labels; leftover template content.
|
|
62
|
+
3. Fix in the generator, re-render the changed slides, repeat until clean. If rendering tools are missing, say the visual check was not done.
|
|
@@ -0,0 +1,392 @@
|
|
|
1
|
+
# Design System
|
|
2
|
+
|
|
3
|
+
## Color Palette Reference
|
|
4
|
+
|
|
5
|
+
| # | Name | Colors | Style | Use Cases | Tips |
|
|
6
|
+
|---|------|--------|-------|-----------|------|
|
|
7
|
+
| 1 | Modern & Wellness | `#006d77` `#83c5be` `#edf6f9` `#ffddd2` `#e29578` | Fresh, soothing | Healthcare, counseling, skincare, yoga/spa | Deep teal for titles, light pink for background |
|
|
8
|
+
| 2 | Business & Authority | `#2b2d42` `#8d99ae` `#edf2f4` `#ef233c` `#d90429` | Formal, classic | Annual reports, financial analysis, corporate intro, government | Deep blue for professionalism, bright red to highlight data |
|
|
9
|
+
| 3 | Nature & Outdoors | `#606c38` `#283618` `#fefae0` `#dda15e` `#bc6c25` | Grounded, earthy | Outdoor gear, environmental, agriculture, historical culture | Dark green base, cream text |
|
|
10
|
+
| 4 | Vintage & Academic | `#780000` `#c1121f` `#fdf0d5` `#003049` `#669bbc` | Classic, scholarly | Academic lectures, history reviews, museums, heritage brands | Strong contrast between deep red and deep blue |
|
|
11
|
+
| 5 | Soft & Creative | `#cdb4db` `#ffc8dd` `#ffafcc` `#bde0fe` `#a2d2ff` | Dreamy, candy-toned | Mother & baby, desserts, women's fashion, kindergarten | Use dark gray or black for text |
|
|
12
|
+
| 6 | Bohemian | `#ccd5ae` `#e9edc9` `#fefae0` `#faedcd` `#d4a373` | Gentle, muted | Wedding planning, home decor, organic food, slow living | Cream background, green-brown accents |
|
|
13
|
+
| 7 | Vibrant & Tech | `#8ecae6` `#219ebc` `#023047` `#ffb703` `#fb8500` | High energy, sporty | Sports events, gyms, startup pitches, youth education | Deep blue for stability, orange as focal accent |
|
|
14
|
+
| 8 | Craft & Artisan | `#7f5539` `#a68a64` `#ede0d4` `#656d4a` `#414833` | Rustic, coffee-toned | Coffee shops, handicrafts, traditional culture, bakery | Suited for paper/leather textures |
|
|
15
|
+
| 9 | Tech & Night | `#000814` `#001d3d` `#003566` `#ffc300` `#ffd60a` | Deep, luminous | Tech launches, astronomy, night economy, luxury automobiles | Must use dark mode |
|
|
16
|
+
| 10 | Education & Charts | `#264653` `#2a9d8f` `#e9c46a` `#f4a261` `#e76f51` | Clear, logical | Statistical reports, education, market analysis, general business | Perfect chart color scheme |
|
|
17
|
+
| 11 | Forest & Eco | `#dad7cd` `#a3b18a` `#588157` `#3a5a40` `#344e41` | Monochrome gradient, forest | Landscape design, ESG reports, environmental causes, botanical | Monochrome palette is safe and cohesive |
|
|
18
|
+
| 12 | Elegant & Fashion | `#edafb8` `#f7e1d7` `#dedbd2` `#b0c4b1` `#4a5759` | Muted, Morandi tones | Haute couture, art galleries, beauty brands, magazine style | Negative space is key |
|
|
19
|
+
| 13 | Art & Food | `#335c67` `#fff3b0` `#e09f3e` `#9e2a2b` `#540b0e` | Rich, vintage-poster | Food documentaries, art exhibitions, ethnic themes, vintage restaurants | Works well with large color blocks |
|
|
20
|
+
| 14 | Luxury & Mysterious | `#22223b` `#4a4e69` `#9a8c98` `#c9ada7` `#f2e9e4` | Cool, purple-toned | Jewelry showcases, hotel management, high-end consulting, psychology | Purple evokes premium atmosphere |
|
|
21
|
+
| 15 | Pure Tech Blue | `#03045e` `#0077b6` `#00b4d8` `#90e0ef` `#caf0f8` | Futuristic, clean | Cloud/AI, water/ocean, hospitals, clean energy | Deep ocean to sky gradient |
|
|
22
|
+
| 16 | Coastal Coral | `#0081a7` `#00afb9` `#fdfcdc` `#fed9b7` `#f07167` | Refreshing, summery | Travel, summer events, beverage brands, ocean themes | Teal and coral as complementary focal colors |
|
|
23
|
+
| 17 | Vibrant Orange Mint | `#ff9f1c` `#ffbf69` `#ffffff` `#cbf3f0` `#2ec4b6` | Bright, cheerful | Children's events, promotional posters, FMCG, social media | Orange grabs attention, mint feels fresh |
|
|
24
|
+
| 18 | Platinum White Gold | `#0a0a0a` `#0070F3` `#D4AF37` `#f5f5f5` `#ffffff` | Premium, professional | Agent products, corporate websites, fintech, luxury brands | White-gold base, blue for action, gold for emphasis |
|
|
25
|
+
|
|
26
|
+
---
|
|
27
|
+
|
|
28
|
+
### Agent Design System — Full Color Scale
|
|
29
|
+
|
|
30
|
+
Based on the Platinum White-Gold Theme design tokens. Provides complete color scales for fine-grained design work.
|
|
31
|
+
|
|
32
|
+
#### White Scale (Backgrounds & Light Surfaces)
|
|
33
|
+
|
|
34
|
+
| Token | Value | Usage |
|
|
35
|
+
|-------|-------|-------|
|
|
36
|
+
| white-0 | `#ffffff` | Primary background |
|
|
37
|
+
| white-50 | `#fefefe` | Slightly warm white |
|
|
38
|
+
| white-75 | `#fcfcfc` | Near-white |
|
|
39
|
+
| white-100 | `#fafafa` | Secondary background |
|
|
40
|
+
| white-200 | `#f7f7f7` | Card background |
|
|
41
|
+
| white-300 | `#f5f5f5` | Tertiary background |
|
|
42
|
+
| white-400 | `#f0f0f0` | Separator zones |
|
|
43
|
+
| white-500 | `#ebebeb` | Light border |
|
|
44
|
+
| white-600 | `#e5e5e5` | Disabled background |
|
|
45
|
+
| white-700 | `#e0e0e0` | Deep white-gray |
|
|
46
|
+
| white-800 | `#d9d9d9` | Placeholder |
|
|
47
|
+
| white-900 | `#d4d4d4` | Divider lines |
|
|
48
|
+
| white-1000 | `#cccccc` | Deepest white |
|
|
49
|
+
|
|
50
|
+
#### Gold Scale (Platinum Business Accent)
|
|
51
|
+
|
|
52
|
+
| Token | Value | Usage |
|
|
53
|
+
|-------|-------|-------|
|
|
54
|
+
| gold-25 | `#FFFDF5` | Extremely light gold background |
|
|
55
|
+
| gold-50 | `#FEF9E7` | Light gold background |
|
|
56
|
+
| gold-75 | `#FCF3D0` | Pale gold highlight |
|
|
57
|
+
| gold-100 | `#FAECB8` | Gold hover state |
|
|
58
|
+
| gold-200 | `#F5DC8A` | Bright gold accent |
|
|
59
|
+
| gold-300 | `#E8C860` | Gold hover |
|
|
60
|
+
| gold-400 | `#D4AF37` | **Primary gold (core)** |
|
|
61
|
+
| gold-500 | `#B8972E` | Gold text |
|
|
62
|
+
| gold-600 | `#9A7E26` | Deep gold accent |
|
|
63
|
+
| gold-700 | `#7C651E` | Dark gold border |
|
|
64
|
+
| gold-800 | `#5E4C16` | Deep gold background |
|
|
65
|
+
| gold-900 | `#40330F` | Very deep gold |
|
|
66
|
+
| gold-1000 | `#221A08` | Black gold |
|
|
67
|
+
|
|
68
|
+
#### Blue Scale (Primary Action Color)
|
|
69
|
+
|
|
70
|
+
| Token | Value | Usage |
|
|
71
|
+
|-------|-------|-------|
|
|
72
|
+
| blue-25 | `#F0F7FF` | Extremely light blue background |
|
|
73
|
+
| blue-50 | `#E0EFFF` | Info alert background |
|
|
74
|
+
| blue-75 | `#C2DFFF` | Light blue highlight |
|
|
75
|
+
| blue-100 | `#A3CFFF` | Disabled blue |
|
|
76
|
+
| blue-200 | `#66AFFF` | Bright blue |
|
|
77
|
+
| blue-300 | `#338FFF` | Blue hover |
|
|
78
|
+
| blue-400 | `#0070F3` | **Primary blue (core)** |
|
|
79
|
+
| blue-500 | `#005FCC` | Blue text |
|
|
80
|
+
| blue-600 | `#004FA6` | Deep blue accent |
|
|
81
|
+
| blue-700 | `#003F80` | Dark blue border |
|
|
82
|
+
| blue-800 | `#002F5A` | Deep blue background |
|
|
83
|
+
| blue-900 | `#001F3D` | Very deep blue |
|
|
84
|
+
| blue-1000 | `#001026` | Black blue |
|
|
85
|
+
|
|
86
|
+
#### Gray Scale (Text & Neutral Colors)
|
|
87
|
+
|
|
88
|
+
| Token | Value | Usage |
|
|
89
|
+
|-------|-------|-------|
|
|
90
|
+
| gray-0 | `#ffffff` | White |
|
|
91
|
+
| gray-50 | `#fafafa` | Extremely light gray |
|
|
92
|
+
| gray-75 | `#f5f5f5` | Light gray background |
|
|
93
|
+
| gray-100 | `#ededed` | Light divider |
|
|
94
|
+
| gray-200 | `#d4d4d4` | Light border |
|
|
95
|
+
| gray-300 | `#a3a3a3` | Quaternary text |
|
|
96
|
+
| gray-400 | `#737373` | Tertiary text |
|
|
97
|
+
| gray-500 | `#525252` | Secondary text |
|
|
98
|
+
| gray-600 | `#404040` | Dark gray |
|
|
99
|
+
| gray-700 | `#2e2e2e` | Dark background |
|
|
100
|
+
| gray-800 | `#1f1f1f` | Deep background |
|
|
101
|
+
| gray-900 | `#141414` | Very deep background |
|
|
102
|
+
| gray-1000 | `#0a0a0a` | **Primary text (core)** |
|
|
103
|
+
|
|
104
|
+
#### Opacity Values
|
|
105
|
+
|
|
106
|
+
##### Opacity Black
|
|
107
|
+
|
|
108
|
+
| Opacity | Value | Usage |
|
|
109
|
+
|---------|-------|-------|
|
|
110
|
+
| 0% | `#0a0a0a00` | Fully transparent |
|
|
111
|
+
| 2% | `#0a0a0a05` | Subtle overlay |
|
|
112
|
+
| 4% | `#0a0a0a0a` | Secondary interactive background |
|
|
113
|
+
| 8% | `#0a0a0a14` | Border / divider |
|
|
114
|
+
| 15% | `#0a0a0a26` | Pressed state |
|
|
115
|
+
| 20% | `#0a0a0a33` | Light overlay |
|
|
116
|
+
| 25% | `#0a0a0a40` | Medium overlay |
|
|
117
|
+
| 50% | `#0a0a0a80` | Semi-transparent |
|
|
118
|
+
| 70% | `#0a0a0ab2` | Deep overlay |
|
|
119
|
+
| 80% | `#0a0a0acc` | Hover state |
|
|
120
|
+
| 90% | `#0a0a0ae5` | Tooltip |
|
|
121
|
+
| 95% | `#0a0a0af2` | Modal |
|
|
122
|
+
|
|
123
|
+
##### Opacity White
|
|
124
|
+
|
|
125
|
+
| Opacity | Value | Usage |
|
|
126
|
+
|---------|-------|-------|
|
|
127
|
+
| 0% | `#ffffff00` | Fully transparent |
|
|
128
|
+
| 2% | `#ffffff05` | Subtle overlay |
|
|
129
|
+
| 4% | `#ffffff0a` | Secondary interactive background |
|
|
130
|
+
| 8% | `#ffffff12` | Border / divider |
|
|
131
|
+
| 15% | `#ffffff26` | Pressed state |
|
|
132
|
+
| 20% | `#ffffff33` | Light overlay |
|
|
133
|
+
| 25% | `#ffffff40` | Medium overlay |
|
|
134
|
+
| 50% | `#ffffff80` | Semi-transparent |
|
|
135
|
+
| 70% | `#ffffffb2` | Deep overlay |
|
|
136
|
+
| 80% | `#ffffffcc` | Hover state |
|
|
137
|
+
| 90% | `#ffffffe5` | Tooltip |
|
|
138
|
+
| 95% | `#fffffff2` | Modal |
|
|
139
|
+
|
|
140
|
+
---
|
|
141
|
+
|
|
142
|
+
## Color Palette Rules (MANDATORY)
|
|
143
|
+
|
|
144
|
+
### Strict Palette Adherence
|
|
145
|
+
|
|
146
|
+
**Use ONLY the provided color palette. Do NOT create or modify colors.**
|
|
147
|
+
|
|
148
|
+
- All colors must come from the user-provided palette
|
|
149
|
+
- Do NOT use colors outside the palette
|
|
150
|
+
- Do NOT modify palette colors (brightness, saturation, mixing)
|
|
151
|
+
- **Only exception**: Add transparency using the `transparency` property (0-100)
|
|
152
|
+
|
|
153
|
+
```javascript
|
|
154
|
+
// Correct: Using palette colors
|
|
155
|
+
slide.addShape(pres.shapes.RECTANGLE, { fill: { color: theme.primary } });
|
|
156
|
+
slide.addText("Title", { color: theme.accent });
|
|
157
|
+
|
|
158
|
+
// Wrong: Colors outside palette
|
|
159
|
+
slide.addShape(pres.shapes.RECTANGLE, { fill: { color: "1a1a2e" } });
|
|
160
|
+
```
|
|
161
|
+
|
|
162
|
+
### No Gradients
|
|
163
|
+
|
|
164
|
+
**Gradients are prohibited. Use solid colors only.**
|
|
165
|
+
|
|
166
|
+
### No Animations
|
|
167
|
+
|
|
168
|
+
**Animations and transitions are prohibited.** All slides must be static.
|
|
169
|
+
|
|
170
|
+
---
|
|
171
|
+
|
|
172
|
+
## Font Reference
|
|
173
|
+
|
|
174
|
+
### Recommended Fonts
|
|
175
|
+
|
|
176
|
+
| Language | Default Font | Alternatives |
|
|
177
|
+
|----------|-------------|--------------|
|
|
178
|
+
| **Chinese** | Microsoft YaHei | — |
|
|
179
|
+
| **English** | Arial | Georgia, Calibri, Cambria, Trebuchet MS |
|
|
180
|
+
|
|
181
|
+
- For mixed Chinese-English content: use Microsoft YaHei for Chinese, the chosen font for English
|
|
182
|
+
- Prefer system fonts for cross-platform compatibility
|
|
183
|
+
- Titles and body text can use different font pairings (e.g. Georgia + Calibri)
|
|
184
|
+
|
|
185
|
+
### Recommended Font Pairings
|
|
186
|
+
|
|
187
|
+
| Header Font | Body Font |
|
|
188
|
+
|-------------|-----------|
|
|
189
|
+
| Georgia | Calibri |
|
|
190
|
+
| Arial Black | Arial |
|
|
191
|
+
| Calibri | Calibri Light |
|
|
192
|
+
| Cambria | Calibri |
|
|
193
|
+
| Trebuchet MS | Calibri |
|
|
194
|
+
| Impact | Arial |
|
|
195
|
+
| Palatino | Garamond |
|
|
196
|
+
| Consolas | Calibri |
|
|
197
|
+
|
|
198
|
+
**Choose an interesting font pairing** — don't default to Arial for everything. Pick a header font with personality and pair it with a clean body font.
|
|
199
|
+
|
|
200
|
+
### No Bold for Body Text
|
|
201
|
+
|
|
202
|
+
**Plain body text and caption/legend text must NOT use bold.**
|
|
203
|
+
|
|
204
|
+
- Body paragraphs, descriptions → normal weight
|
|
205
|
+
- Captions, legends, footnotes → normal weight
|
|
206
|
+
- Reserve bold for titles and headings only
|
|
207
|
+
|
|
208
|
+
```javascript
|
|
209
|
+
// Correct
|
|
210
|
+
slide.addText("Main Title", { bold: true, fontSize: 36, fontFace: "Arial" });
|
|
211
|
+
slide.addText("Body text here.", { bold: false, fontSize: 14, fontFace: "Arial" });
|
|
212
|
+
|
|
213
|
+
// Wrong
|
|
214
|
+
slide.addText("Body text here.", { bold: true, fontSize: 14 });
|
|
215
|
+
```
|
|
216
|
+
|
|
217
|
+
---
|
|
218
|
+
|
|
219
|
+
## Style Recipes
|
|
220
|
+
|
|
221
|
+
The same design can be rendered in 4 distinct visual styles by adjusting corner radius (`rectRadius`) and spacing. Choose the style recipe that fits the presentation tone.
|
|
222
|
+
|
|
223
|
+
> **Unit note**: PptxGenJS uses inches. Slide dimensions are 10" x 5.625" (LAYOUT_16x9).
|
|
224
|
+
|
|
225
|
+
### Style Overview
|
|
226
|
+
|
|
227
|
+
| Style | Corner Radius | Spacing | Best For |
|
|
228
|
+
|-------|--------------|---------|----------|
|
|
229
|
+
| **Sharp & Compact** | 0 ~ 0.05" | Tight | Data-dense, tables, professional reports |
|
|
230
|
+
| **Soft & Balanced** | 0.08" ~ 0.12" | Moderate | Corporate, business presentations, general use |
|
|
231
|
+
| **Rounded & Spacious** | 0.15" ~ 0.25" | Relaxed | Product intros, marketing, creative showcases |
|
|
232
|
+
| **Pill & Airy** | 0.3" ~ 0.5" | Open | Brand showcases, launch events, premium presentations |
|
|
233
|
+
|
|
234
|
+
### Sharp & Compact
|
|
235
|
+
|
|
236
|
+
**Visual character**: Geometric, high information density, formal and serious.
|
|
237
|
+
|
|
238
|
+
| Category | Value (inches) | Notes |
|
|
239
|
+
|----------|---------------|-------|
|
|
240
|
+
| Corner radius — small | 0" | Full right angle |
|
|
241
|
+
| Corner radius — medium | 0.03" | Micro-rounded |
|
|
242
|
+
| Corner radius — large | 0.05" | Slight rounding |
|
|
243
|
+
| Element padding | 0.1" ~ 0.15" | Compact |
|
|
244
|
+
| Element gap | 0.1" ~ 0.2" | Compact |
|
|
245
|
+
| Page margin | 0.3" | Narrow |
|
|
246
|
+
| Block gap | 0.25" ~ 0.35" | Compact |
|
|
247
|
+
|
|
248
|
+
### Soft & Balanced
|
|
249
|
+
|
|
250
|
+
**Visual character**: Moderate rounding, comfortable whitespace, professional yet approachable.
|
|
251
|
+
|
|
252
|
+
| Category | Value (inches) | Notes |
|
|
253
|
+
|----------|---------------|-------|
|
|
254
|
+
| Corner radius — small | 0.05" | Slight rounding |
|
|
255
|
+
| Corner radius — medium | 0.08" | Medium rounding |
|
|
256
|
+
| Corner radius — large | 0.12" | Larger rounding |
|
|
257
|
+
| Element padding | 0.15" ~ 0.2" | Moderate |
|
|
258
|
+
| Element gap | 0.15" ~ 0.25" | Moderate |
|
|
259
|
+
| Page margin | 0.4" | Standard |
|
|
260
|
+
| Block gap | 0.35" ~ 0.5" | Moderate |
|
|
261
|
+
|
|
262
|
+
### Rounded & Spacious
|
|
263
|
+
|
|
264
|
+
**Visual character**: Large corners, generous whitespace, friendly and modern.
|
|
265
|
+
|
|
266
|
+
| Category | Value (inches) | Notes |
|
|
267
|
+
|----------|---------------|-------|
|
|
268
|
+
| Corner radius — small | 0.1" | Medium rounding |
|
|
269
|
+
| Corner radius — medium | 0.15" | Large rounding |
|
|
270
|
+
| Corner radius — large | 0.25" | Very large rounding |
|
|
271
|
+
| Element padding | 0.2" ~ 0.3" | Relaxed |
|
|
272
|
+
| Element gap | 0.25" ~ 0.4" | Relaxed |
|
|
273
|
+
| Page margin | 0.5" | Wide |
|
|
274
|
+
| Block gap | 0.5" ~ 0.7" | Relaxed |
|
|
275
|
+
|
|
276
|
+
### Pill & Airy
|
|
277
|
+
|
|
278
|
+
**Visual character**: Full pill-shaped corners, abundant whitespace, light and open feel, strong brand presence.
|
|
279
|
+
|
|
280
|
+
| Category | Value (inches) | Notes |
|
|
281
|
+
|----------|---------------|-------|
|
|
282
|
+
| Corner radius — small | 0.2" | Large rounding |
|
|
283
|
+
| Corner radius — medium | 0.3" | Pill shape |
|
|
284
|
+
| Corner radius — large | 0.5" | Full pill |
|
|
285
|
+
| Element padding | 0.25" ~ 0.4" | Open |
|
|
286
|
+
| Element gap | 0.3" ~ 0.5" | Open |
|
|
287
|
+
| Page margin | 0.6" | Wide |
|
|
288
|
+
| Block gap | 0.6" ~ 0.9" | Open |
|
|
289
|
+
|
|
290
|
+
### Component Style Mapping
|
|
291
|
+
|
|
292
|
+
| Component | Sharp | Soft | Rounded | Pill |
|
|
293
|
+
|-----------|-------|------|---------|------|
|
|
294
|
+
| **Button / Tag** | rectRadius: 0 | rectRadius: 0.05 | rectRadius: 0.1 | rectRadius: 0.2 |
|
|
295
|
+
| **Card / Container** | rectRadius: 0.03 | rectRadius: 0.1 | rectRadius: 0.2 | rectRadius: 0.3 |
|
|
296
|
+
| **Image Container** | rectRadius: 0 | rectRadius: 0.08 | rectRadius: 0.15 | rectRadius: 0.25 |
|
|
297
|
+
| **Input Field** | rectRadius: 0 | rectRadius: 0.05 | rectRadius: 0.1 | rectRadius: 0.2 |
|
|
298
|
+
| **Badge** | rectRadius: 0.02 | rectRadius: 0.05 | rectRadius: 0.08 | rectRadius: 0.15 |
|
|
299
|
+
| **Avatar Frame** | rectRadius: 0 | rectRadius: 0.1 | rectRadius: 0.2 | rectRadius: 0.5 (circle) |
|
|
300
|
+
|
|
301
|
+
#### PptxGenJS Corner Radius Examples
|
|
302
|
+
|
|
303
|
+
```javascript
|
|
304
|
+
// Sharp style card
|
|
305
|
+
slide.addShape("rect", {
|
|
306
|
+
x: 0.5, y: 1, w: 4, h: 2.5,
|
|
307
|
+
fill: { color: "F5F5F5" },
|
|
308
|
+
rectRadius: 0.03
|
|
309
|
+
});
|
|
310
|
+
|
|
311
|
+
// Rounded style card
|
|
312
|
+
slide.addShape("rect", {
|
|
313
|
+
x: 0.5, y: 1, w: 4, h: 2.5,
|
|
314
|
+
fill: { color: "F5F5F5" },
|
|
315
|
+
rectRadius: 0.2
|
|
316
|
+
});
|
|
317
|
+
|
|
318
|
+
// Pill style button (height 0.4", rectRadius 0.2" = perfect pill)
|
|
319
|
+
slide.addShape("rect", {
|
|
320
|
+
x: 3, y: 4, w: 2, h: 0.4,
|
|
321
|
+
fill: { color: "4A90D9" },
|
|
322
|
+
rectRadius: 0.2
|
|
323
|
+
});
|
|
324
|
+
```
|
|
325
|
+
|
|
326
|
+
### Mixing Rules
|
|
327
|
+
|
|
328
|
+
#### 1. Outer container corner >= inner element corner
|
|
329
|
+
|
|
330
|
+
```javascript
|
|
331
|
+
// Correct: outer > inner
|
|
332
|
+
card: rectRadius: 0.2
|
|
333
|
+
button: rectRadius: 0.1
|
|
334
|
+
|
|
335
|
+
// Wrong: inner > outer → visual overflow effect
|
|
336
|
+
card: rectRadius: 0.1
|
|
337
|
+
button: rectRadius: 0.2
|
|
338
|
+
```
|
|
339
|
+
|
|
340
|
+
#### 2. Information density drives spacing
|
|
341
|
+
|
|
342
|
+
| Zone Type | Recommended Style |
|
|
343
|
+
|-----------|------------------|
|
|
344
|
+
| Data display zone | Sharp / Soft (compact spacing) |
|
|
345
|
+
| Content browsing zone | Rounded / Pill (relaxed spacing) |
|
|
346
|
+
| Title zone | Soft / Rounded (moderate spacing) |
|
|
347
|
+
|
|
348
|
+
#### 3. Corner radius vs element height
|
|
349
|
+
|
|
350
|
+
| Element Height | Sharp | Soft | Rounded | Pill |
|
|
351
|
+
|---------------|-------|------|---------|------|
|
|
352
|
+
| Small (< 0.3") | 0" | 0.03" | 0.08" | height/2 |
|
|
353
|
+
| Medium (0.3" ~ 0.6") | 0.02" | 0.05" | 0.12" | height/2 |
|
|
354
|
+
| Large (0.6" ~ 1.2") | 0.03" | 0.08" | 0.2" | 0.3" |
|
|
355
|
+
| Extra large (> 1.2") | 0.05" | 0.12" | 0.25" | 0.4" |
|
|
356
|
+
|
|
357
|
+
> **Pill tip**: For a perfect pill shape, set `rectRadius = element height / 2`
|
|
358
|
+
|
|
359
|
+
### Typography Scale (PPT)
|
|
360
|
+
|
|
361
|
+
| Usage | Size (pt) | Notes |
|
|
362
|
+
|-------|-----------|-------|
|
|
363
|
+
| Annotations / Sources | 10 ~ 12 | Minimum readable size |
|
|
364
|
+
| Body / Description | 14 ~ 16 | Standard body |
|
|
365
|
+
| Subtitle | 18 ~ 22 | Secondary heading |
|
|
366
|
+
| Title | 28 ~ 36 | Page title |
|
|
367
|
+
| Large Title | 44 ~ 60 | Cover / section title |
|
|
368
|
+
| Data Callout | 60 ~ 96 | Key number display |
|
|
369
|
+
|
|
370
|
+
### Spacing Scale (PPT)
|
|
371
|
+
|
|
372
|
+
Based on 10" x 5.625" slide dimensions:
|
|
373
|
+
|
|
374
|
+
| Usage | Recommended (inches) |
|
|
375
|
+
|-------|---------------------|
|
|
376
|
+
| Icon-to-text gap | 0.08" ~ 0.15" |
|
|
377
|
+
| List item spacing | 0.15" ~ 0.25" |
|
|
378
|
+
| Card inner padding | 0.2" ~ 0.4" |
|
|
379
|
+
| Element group gap | 0.3" ~ 0.5" |
|
|
380
|
+
| Page safe margin | 0.4" ~ 0.6" |
|
|
381
|
+
| Major block gap | 0.5" ~ 0.8" |
|
|
382
|
+
|
|
383
|
+
### Quick Selection Guide
|
|
384
|
+
|
|
385
|
+
| Presentation Type | Recommended Style | Reason |
|
|
386
|
+
|------------------|------------------|--------|
|
|
387
|
+
| Finance / Data reports | Sharp & Compact | High density, serious and precise |
|
|
388
|
+
| Corporate / Business | Soft & Balanced | Balances professionalism and approachability |
|
|
389
|
+
| Product intro / Marketing | Rounded & Spacious | Modern feel, friendly |
|
|
390
|
+
| Launch events / Brand | Pill & Airy | Premium feel, visual impact |
|
|
391
|
+
| Training / Education | Soft / Rounded | Clear, readable, friendly |
|
|
392
|
+
| Tech sharing | Sharp / Soft | Professional, information-dense |
|