Communitygithub.com

ComeOnOliver/skillshub

在佈局重要的情況下,閱讀或審閱 DOCX 內容(表格、圖表、分頁)。

skillshub 是什麼?

此技能專為需要處理 DOCX 文件佈局細節的開發者或 AI 代理設計。當文件中的表格、圖表或分頁等視覺元素至關重要時,它能幫助代理精確地閱讀、審閱、建立或編輯 DOCX 文件。該技能支援多種平台,包括基於命令列的環境以及透過腳本進行自動化。其運作核心是將 DOCX 文件轉換為 PDF 或 PNG 圖片進行視覺審查,以確保佈局的正確性,同時也使用 python-docx 函式庫進行結構化的編輯與建立。技能詳細說明了依賴項(如 LibreOffice、Poppler)的安裝方式、暫存檔管理約定、以及最終交付前的品質檢查清單,確保輸出的文件專業且無格式缺陷。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ComeOnOliver/skillshub/tree/HEAD/skills/openai/skills/doc

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

DOCX 技能

使用時機

  • 在佈局(表格、圖表、分頁)重要的情況下,閱讀或審閱 DOCX 內容。
  • 建立或編輯具有專業格式的 DOCX 檔案。
  • 在交付前驗證視覺佈局。

工作流程

  1. 優先進行視覺審閱(佈局、表格、圖表)。
    • 如果 soffice 和 pdftoppm 可用,將 DOCX 轉換為 PDF,再轉換為 PNG。
    • 或者使用 scripts/render_docx.py(需要 pdf2image 和 Poppler)。
    • 如果缺少這些工具,請安裝它們,或要求使用者在本地檢閱渲染後的頁面。
  2. 使用 python-docx 進行編輯和結構化建立(標題、樣式、表格、清單)。
  3. 每次有意義的更改後,重新渲染並檢查頁面。
  4. 如果無法進行視覺審閱,則使用 python-docx 提取文字作為備用方案,並指出佈局風險。
  5. 保持中間輸出的組織性,並在最終批准後清理。

暫存與輸出慣例

  • 使用 tmp/docs/ 存放中間檔案;完成後刪除。
  • 在此儲存庫中工作時,將最終成品寫入 output/doc/ 目錄。
  • 保持檔案名稱穩定且具描述性。

依賴項(如缺少則安裝)

建議使用 uv 進行依賴項管理。

Python 套件:

uv pip install python-docx pdf2image

如果 uv 不可用:

python3 -m pip install python-docx pdf2image

系統工具(用於渲染):

# macOS (Homebrew)
brew install libreoffice poppler

# Ubuntu/Debian
sudo apt-get install -y libreoffice poppler-utils

如果在此環境中無法安裝,請告知使用者缺少哪個依賴項以及如何在本地安裝。

環境

不需要設定環境變數。

渲染指令

DOCX -> PDF:

soffice -env:UserInstallation=file:///tmp/lo_profile_$$ --headless --convert-to pdf --outdir $OUTDIR $INPUT_DOCX

PDF -> PNG:

pdftoppm -png $OUTDIR/$BASENAME.pdf $OUTDIR/$BASENAME

整合輔助腳本:

python3 scripts/render_docx.py /path/to/file.docx --output_dir /tmp/docx_pages

品質期望

  • 交付可直接提供給客戶的文件:一致的排版、間距、邊距以及清晰的層次結構。
  • 避免格式缺陷:文字裁切/重疊、表格破損、字元無法閱讀或使用預設範本樣式。
  • 圖表、表格和視覺元素必須在渲染頁面中清晰可讀,且對齊正確。
  • 僅使用 ASCII 連字號。避免使用 U+2011(不換行連字號)和其他 Unicode 破折號。
  • 引用和參考文獻必須是人類可讀的;切勿留下工具令牌或佔位字串。

最終檢查

  • 在最終交付前,以 100% 縮放比例重新渲染並檢查每一頁。
  • 修正任何間距、對齊或分頁問題,並重複渲染循環。
  • 確認沒有遺留檔案(暫存檔、重複渲染),除非使用者要求保留。

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

ComeOnOliver/skillshub

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.

ComeOnOliver/skillshub

Next.js 16+ 和 Turbopack — 增量打包、文件系统缓存、开发速度,以及何时使用 Turbopack 与 webpack。

ComeOnOliver/skillshub

SwiftUI architecture patterns, state management with @Observable, view composition, navigation, performance optimization, and modern iOS/macOS UI best practices.

ComeOnOliver/skillshub

See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio, video), and create real time alerts for events from live streams or desktop capture.

ComeOnOliver/skillshub

AI-assisted video editing workflows for cutting, structuring, and augmenting real footage. Covers the full pipeline from raw capture through FFmpeg, Remotion, ElevenLabs, fal.ai, and final polish in Descript or CapCut. Use when the user wants to edit video, cut footage, create vlogs, or build video content.

ComeOnOliver/skillshub

Next.js 15 애플리케이션을 위한 프론트엔드 개발 가이드라인. React 19, TypeScript, Shadcn/ui, Tailwind CSS를 사용한 모던 패턴. Server Components, Client Components, App Router, 파일 구조, Shadcn/ui 컴포넌트, 성능 최적화, TypeScript 모범 사례 포함. 컴포넌트, 페이지, 기능 생성, 데이터 페칭, 스타일링, 라우팅, 프론트엔드 코드 작업 시 사용.

ComeOnOliver/skillshub

Provides Tamagui patterns for config v4, compiler optimization, styled context, and cross-platform styling. Must use when working with Tamagui projects (tamagui.config.ts, @tamagui imports).

ComeOnOliver/skillshub

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

ComeOnOliver/skillshub

Create high-converting, visually distinctive landing pages. Use when building marketing pages, product launches, SaaS homepages, or any single-page conversion-focused website. Guides section-by-section composition with anti-AI-slop principles.

ComeOnOliver/skillshub

Auto-loaded context for Portfolio Buddy 2 development. Use for ANY task involving: React 19 development, TypeScript, portfolio analysis features, metrics calculations, trading strategy comparison, or working with the Portfolio Buddy 2 codebase. Contains tech stack, known issues, and architectural constraints.

ComeOnOliver/skillshub

Next.js development tooling via MCP. Inspect routes, components, build info, and debug Next.js apps. Use when working on Next.js applications, debugging routing, or inspecting app structure. NOT for general React or non-Next.js projects.

ComeOnOliver/skillshub

Implement UI using Shadcn MCP (atoms/theme) and 21st.dev MCP (complex sections). Use when adding buttons, layouts, or generating landing pages.

ComeOnOliver/skillshub

A conceptual skill for building an API client in Next.js that handles JWT tokens

ComeOnOliver/skillshub

Best practices and patterns for Next.js App Router, Server Actions, and Routing in this project.

ComeOnOliver/skillshub

The Design System, Theme, and UX rules for the Physical AI Hub.

ComeOnOliver/skillshub

Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS. Includes component scaffolding, performance optimization, bundle analysis, and UI best practices. Use when developing frontend features, optimizing performance, implementing UI/UX designs, managing state, or reviewing frontend code.

ComeOnOliver/skillshub

This document captures learnings from fixing keyboard navigation issues when floating components (Select, DropdownMenu, Popover) have CSS open/close animations.

ComeOnOliver/skillshub

Build Next.js 16 applications with correct patterns and distinctive design. Use when creating pages, layouts, dynamic routes, upgrading from Next.js 15, or implementing proxy.ts. Covers breaking changes (async params/searchParams, Turbopack, cacheComponents) and frontend aesthetics. NOT when building non-React or backend-only applications.

ComeOnOliver/skillshub

Comprehensive Framer Motion animation library for React. Covers motion components, variants, gestures, page transitions, and scroll animations. Use when adding animations to React/Next.js applications.

ComeOnOliver/skillshub

Build interfaces that resonate, not just render. This skill enforces bold, intentional

相關技能