本文へ移動
cccskills
無料GitHub で公開日本語紹介

hugo-template-guidance

Hugoテーマの構成や設定を調べ、ページ追加、コンテンツ管理、部品の利用、スタイル変更などの進め方を案内するスキルです。

原文原文の説明を見る

Use whenever you need to understand how this theme works — adding pages, managing content, configuring the site, using partials/components/modules, project architecture, scripts, or styling/theming (Tailwind v4, Bootstrap 5, or a hybrid — verify which). Use for ANY question about the structure, usage, or customization of the template or theme.

zeon-studio/hugoplateスター 1,594(GitHub 1,594 + cccskills 0)

実行スコア 未検証

インストール方法を見る

こんなときに便利

  • Hugoサイトにページを追加したいとき
  • コンテンツやfrontmatterを管理したいとき
  • メニューやSEOを設定したいとき
  • テーマの部品やモジュールを調べたいとき
  • スタイルの変更箇所を確認したいとき

日本語での紹介

できること

Hugoテーマやサイトの構成を把握し、目的に合う手順を案内します。ページやホームページのセクションの追加、Markdownコンテンツやfrontmatterの管理、メニュー・SEO・言語設定、partialsやHugo Modulesの利用、スクリプト、フォルダー構成、スタイル変更などを扱います。作業前に該当するリファレンスを読む流れになっており、Tailwind v4、Bootstrap 5、または両者の併用かを確認してからスタイリングを進めます。

こんなときに便利

テーマの構造や使い方が分からず、どのファイルを確認すべきか知りたいときに役立ちます。既存サイトへページや言語を追加したい場合、コンテンツや機能を設定したい場合、テーマの部品やモジュールの扱いを調べたい場合にも向いています。

使い方の例

  • 「このHugoサイトに新しいページを追加する手順を調べてください」
  • 「メニューとSEOの設定方法を確認してください」
  • 「このテーマのスタイル構成を確認し、変更箇所を案内してください」

注意点

Hugo Extended、Hugo Modulesを使うテーマを対象とします。作業前にセットアップ形態やパッケージマネージャーを確認し、該当するリファレンスを読む必要があります。

この紹介文は、公開されている SKILL.md をもとに AI(OpenAI Codex)が作成しました。正確な仕様は下の原文を確認してください。

含まれるファイル(12)

  • SKILL.md2.7 KB
  • references/adding-new-pages.md6.1 KB
  • references/component-usage.md4.8 KB
  • references/content-management.md2.3 KB
  • references/detect-mode.md2.2 KB
  • references/hugo-modules.md2.5 KB
  • references/i18n-guidance.md1.6 KB
  • references/page-configuration.md2.2 KB
  • references/preflight-checks.md1.1 KB
  • references/project-architecture.md3.5 KB
  • references/script-usage.md2.6 KB
  • references/styling-and-theming.md4.2 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Template Guidance

Handbook for this theme (Hugo Extended + Hugo Modules; styling is Tailwind v4, Bootstrap 5, or a hybrid — verify before assuming), assuming the standard project-setup layout (site at root, theme vendored in themes/<theme>/ — the single folder under themes/; see references/detect-mode.md to find its name). Progressive disclosure: read the matching references/ file before acting.

If exampleSite/hugo.toml exists, the repo is still in theme-setup — run <pm> project-setup first (see references/detect-mode.md) before using anything below.

Package manager: <pm> is a placeholder for this project's package manager. Detect it from a lock file (pnpm-lock.yaml, package-lock.json, yarn.lock, bun.lock/bun.lockb) or package.json's packageManager field before running any command below — don't assume pnpm. Details: references/script-usage.md.

Routing Guide

RequestRead
Detect or convert setup mode (theme-setup vs project-setup)references/detect-mode.md
pre-flight checks (Node, Hugo version, package manager)references/preflight-checks.md
Architecture, folder layout, data flowreferences/project-architecture.md
Add a page, route, or homepage sectionreferences/adding-new-pages.md
Partials, components, shortcodes, Hugo Modulesreferences/component-usage.md
Add, remove, or enable a Hugo Module (module.toml)references/hugo-modules.md
Markdown content, frontmatter, taxonomiesreferences/content-management.md
Add/configure a new language, multilingual, i18n, translatereferences/i18n-guidance.md
Site config, menus, social, feature toggles, SEOreferences/page-configuration.md
Package manager detection, scripts, generators, module updatesreferences/script-usage.md
Styling/theming (Tailwind v4, Bootstrap 5, or hybrid — verify first), dark mode, design tokensreferences/styling-and-theming.md

Steps

  1. Read the matching reference.
  2. Follow it.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

コメント

ログインなしで書き込めます。使ってみた感想、質問、動かなかった環境などを気軽にどうぞ。

まだコメントはありません。最初のコメントを書いてみませんか。

送信するとすぐに公開されます。メールアドレスや電話番号などの個人情報は書かないでください。URL は 2 つまでです。

0 / 1000 文字

このフォームは reCAPTCHA で保護されており、Google のプライバシーポリシーと利用規約が適用されます。

同じリポジトリのスキル

find-skills

無料概要あり

依頼内容に合うエージェントスキルを検索し、候補の用途や導入方法を確かめて、選択やインストールを案内するスキルです。

  • 作業に合うスキルを探したいとき
  • 分野別のツールや手順を調べたいとき
  • 導入前に候補の提供元を確認したいとき
zeon-studio/hugoplate1,5942026年10月26日 更新

zeon-studio のスキルをすべて見る

このスキルの問題を報告する