Quality-Assurance-Studies

Complete workflow for migrating static HTML pages to Next.js App Router page.tsx in the QA_Studies project. Covers CSS variable mapping (HTML vars to Tailwind v4 @theme tokens), page-specific CSS extraction, Header.tsx navigation updates, and CLAUDE.md documentation. Extends the global html-to-nextjs-migration skill with project-specific knowledge including font loading via next/font/google, design token alignment, and accessibility patterns. Trigger: HTMLマイグレーション, ページ移行, HTML変換, 静的HTML移行, CSS変数マッピング, unit-testing-guide.html migration, new page creation from HTML, HTMLからpage.tsx, mat/mbt/tas guide migration.

Use this skill to fix Mermaid diagram syntax errors inside HTML, Markdown, and TSX files. Trigger when the user mentions: "mermaid error", "Syntax error in text", "mermaid not rendering", "diagram is broken", "all diagrams crashed", or references a Mermaid version error (e.g. "mermaid version 10.9.5"). Fixes formatter-induced indentation pollution and statement concatenation that break Mermaid v10 parsing.

Use this skill to fix Mermaid diagram syntax errors inside HTML, Markdown, and TSX files. Trigger when the user mentions: "mermaid error", "Syntax error in text", "mermaid not rendering", "diagram is broken", "all diagrams crashed", or references a Mermaid version error (e.g. "mermaid version 10.9.5"). Fixes formatter-induced indentation pollution and statement concatenation that break Mermaid v10 parsing.

Ensures all project specification documents (CLAUDE.md, GEMINI.md, README.md, docs/MIGRATION_PROGRESS.md, docs/REUSABLE_PROMPTS.md, docs/coverage-dashboard.html, and individual skills/rules in .claude and .gemini) are kept synchronized and updated with the latest project status, test counts, paths, and clear pending migrations. Requires updating the "Last Updated" or "Updated YYYY-MM-DD" timestamp in each document whenever a change is made. Trigger: 仕様書の更新, 更新漏れ確認, ドキュメント同期, 各仕様書を更新, 各仕様書の更新漏れがないか, docs sync, 仕様書同期, spec sync, test追加, テスト追加, 依存関係の更新, CIワークフロー変更, 設定ファイル追加, セッション終了, 再開プロンプト, MIGRATION_PROGRESS, CLAUDE.md, GEMINI.md, README.md, REUSABLE_PROMPTS.md, docs-sync, spec-sync, 最終更新日, Last Updated.

Ensures all project specification documents (CLAUDE.md, GEMINI.md, README.md, docs/MIGRATION_PROGRESS.md, docs/REUSABLE_PROMPTS.md, docs/coverage-dashboard.html, and individual skills/rules in .claude and .gemini) are kept synchronized and updated with the latest project status, test counts, paths, and clear pending migrations. Requires updating the "Last Updated" or "Updated YYYY-MM-DD" timestamp in each document whenever a change is made. Trigger: 仕様書の更新, 更新漏れ確認, ドキュメント同期, 各仕様書を更新, 各仕様書の更新漏れがないか, docs sync, 仕様書同期, spec sync, test追加, テスト追加, 依存関係の更新, CIワークフロー変更, 設定ファイル追加, セッション終了, 再開プロンプト, MIGRATION_PROGRESS, CLAUDE.md, GEMINI.md, README.md, REUSABLE_PROMPTS.md, docs-sync, spec-sync, 最終更新日, Last Updated.

Comprehensive guide and rules for formatting Markdown files to comply with the project's `.markdownlint.json` configuration. Addresses common errors like MD031, MD022, MD032, and MD047. Trigger: Markdownリント, markdownlint, markdown formatting, MD031, MD022, blanks-around-fences, blanks-around-headers, MD047.

Comprehensive guide and rules for formatting Markdown files to comply with the project's `.markdownlint.json` configuration. Addresses common errors like MD031, MD022, MD032, and MD047. Trigger: Markdownリント, markdownlint, markdown formatting, MD031, MD022, blanks-around-fences, blanks-around-headers, MD047.

Complete workflow for migrating static HTML pages to Next.js App Router page.tsx in the QA_Studies project. Covers CSS variable mapping (HTML vars to Tailwind v4 @theme tokens), page-specific CSS extraction, Header.tsx navigation updates, and CLAUDE.md documentation. Extends the global html-to-nextjs-migration skill with project-specific knowledge including font loading via next/font/google, design token alignment, and accessibility patterns.