メニュー
Create well-structured, accessible HTML content pages for ASI Saga subdomain repositories. Use when creating HTML pages, blog posts, or data-driven content that relies on theme layouts from theme.asisaga.com. HTML-only, NO Markdown.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
| name | content-author |
| description | Create well-structured, accessible HTML content pages for ASI Saga subdomain repositories. Use when creating HTML pages, blog posts, or data-driven content that relies on theme layouts from theme.asisaga.com. HTML-only, NO Markdown. |
| license | MIT |
| metadata | {"author":"ASISaga","version":"2.0","category":"content","role":"content-specialist"} |
| allowed-tools | Bash Read Edit |
Role: Content Creation Specialist
Scope: Subdomain HTML content pages (NO Markdown)
Version: 2.0
Create well-structured, accessible HTML content pages that leverage theme layouts. Subdomain repos are content-only — all layouts, includes, and styling come from theme.asisaga.com.
Activate when:
_posts/ (as .html files)_data/ filesDon't use for:
| Type | Layout | Location | Front Matter |
|---|---|---|---|
| Standard page | default | Root or _pages/ | layout: default |
| Blog post | post | _posts/YYYY-MM-DD-title.html | layout: post |
| Custom page | page | Root or directory | layout: page |
Required: layout and title
---
layout: default
title: "Clear, Descriptive Title"
description: "Concise summary for SEO"
---
h1 per page (usually {{ page.title }})h2 → h4)<article>, <section>, <nav>.research-paper__title<img> elements need alt text<label> elementslayout and title_layouts/ or _includes/ files createdassets/js/script.js exists (mandatory)instructions/content.instructions.md — Complete HTML content standardsinstructions/js.instructions.md — Mandatory script.js requirementscopilot-instructions.md — Architecture overview and ontology referenceRelated Skills: scss-compliance, subdomain-evolution
SOC 職業分類に基づく
Bidirectional design token translation between Style Dictionary JSON and _variables.scss for the Genesis Semantic Design System. Converts tokens to SCSS variables and parses existing SCSS back into structured token JSON.
Apply advanced glassmorphism, neon glows, quantum gradients, and consciousness animations using Genesis Ontological mixins. Implement futuristic visual effects while maintaining semantic purity. Use when enhancing visual aesthetics, creating immersive experiences, or implementing advanced UI effects from v2.0+ enhancements.
Migrate legacy CSS and SCSS to Genesis Ontological mixins. Convert raw CSS properties to semantic ontological patterns, ensure zero-CSS compliance in subdomain files, and maintain the three-tier architecture. Use when refactoring existing stylesheets to adopt the ontology system or auditing subdomain SCSS for semantic purity.
Validates SCSS unit compatibility to prevent Sass compilation errors from mixing incompatible units like vw and rem
Manage bidirectional synchronization between _design/ JSON blueprints and Jekyll _includes/_layouts code. _design/ is the single source of truth for both Jekyll and Figma. Forward-syncs blueprints to _data/design/ for Jekyll. Reverse-extracts structural changes from HTML back to blueprints. Keeps genesis-core.scss selectors in step with layout-variants. Enriches blueprints with figmaStyles for Blueprint2Code import.
Author and validate JSON blueprints in _design/ that represent the skeletal structural intent of UI components and page layouts, entirely decoupled from visual styling or framework-specific code.
