本文へ移動
cccskills
無料GitHub で公開

add-learn-article

Write and register a new Learning Hub article (Nuxt Content markdown under content/learn) with valid frontmatter, navigation entry, route list entry, and accurate product details. Use when adding or substantially rewriting a learn guide, reference, or tip.

インストール方法を見る

含まれるファイル(1)

  • SKILL.md1.7 KB

SKILL.md(原文)

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

Add a learn article: $ARGUMENTS

  1. File: content/learn/<category>/<slug>.md, where category is one of theming, components, tailwind, best-practices (enforced by content.config.ts).
  2. Frontmatter (validated by the learn collection schema):
    ---
    title: "…"
    description: "…" # also used for SEO and cards
    category: theming
    format: guide # guide | reference | tip
    date: "YYYY-MM-DD"
    order: 10 # sort order within the category
    tags: [colors, dark-mode]
    featured: false
    ---
    
  3. Writing: follow the document-writer skill (active voice, present tense, task-focused headings). Use MDC components the other articles already use. Code samples must match the current Nuxt UI v4 / Tailwind v4 APIs and this app's export format (useThemeExport).
  4. Accuracy: derive palette, font, shade, and radius lists from shared/constants/theme.ts rather than memory. Describe editor controls as they exist in app/components/editor/.
  5. Register:
    • Add an item to LEARN_CATEGORIES in app/utils/navigation/learn.ts.
    • Add the route to LEARN_ROUTES in shared/constants/routes.ts (sitemap + prerender; tests/unit/shared/routes.test.ts checks nav ↔ routes).
  6. Verify: pnpm vitest run tests/unit/shared/routes.test.ts, then /run-app → /learn/<category>/<slug> renders, the TOC works, and links resolve.

レビュー

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

同じリポジトリのスキル

概要と使いどころ

Add, update, or retire an AI provider model option for the BYOK theme generator (OpenAI, Anthropic, Google) and verify the provider requests native structured output for it. Use when model lists go stale or a new provider/model is requested.

日本語の概要は準備中です。原文の説明を表示しています。

mattycraig/nuxt-theme-builder92026年9月29日 更新

Add a new interactive design tool under /tools (like the color converter or contrast checker) — component, page, navigation, route lists, SEO, and tests. Use when building a new utility tool.

日本語の概要は準備中です。原文の説明を表示しています。

mattycraig/nuxt-theme-builder92026年9月29日 更新

Add a new component showcase, block, or template preview page and register it everywhere it must appear (navigation, command palette, route lists, SEO, source view). Use when adding anything under /components, /blocks, or /templates.

日本語の概要は準備中です。原文の説明を表示しています。

mattycraig/nuxt-theme-builder92026年9月29日 更新

Checklist for adding or changing a field on ThemeConfig (a new design token, per-mode setting, or export option) end to end — schema, defaults, store + history, CSS apply, export, editor UI, AI, and tests. Use whenever ThemeConfig's shape changes.

日本語の概要は準備中です。原文の説明を表示しています。

mattycraig/nuxt-theme-builder92026年9月29日 更新

Audit websites for SEO, performance, security, technical, content, and 15 other issue cateories with 230+ rules using the squirrelscan CLI. Returns LLM-optimized reports with health scores, broken links, meta tag analysis, and actionable recommendations. Use to discover and asses website or webapp issues and health.

日本語の概要は準備中です。原文の説明を表示しています。

mattycraig/nuxt-theme-builder92026年9月29日 更新

Run the project's validation pipeline (lint → format → typecheck → unit tests) with auto-fixes, then optionally stage and write a Conventional Commit. Use before committing, when asked to "check", "validate", "run the workflow", or "get this commit-ready".

日本語の概要は準備中です。原文の説明を表示しています。

mattycraig/nuxt-theme-builder92026年9月29日 更新

mattycraig のスキルをすべて見る

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