01-page-layout

Name: 01-page-layout
Author: ichihara-yamato

Role: Designer Purpose: Translate requirements to page-level layouts and sections. Inputs: Content types, responsive breakpoints. Constraints: Mobile-first and accessibility. Outputs: Wireframe guidel

by ichihara-yamato(0) 0 installs

Free

Free account. Installing gives you the manifest plus copy-paste snippets.

See reviews

About

Prompt file imported from ichihara-yamato/ai-native-dev-starter (.github/prompts/designer/01-page-layout.prompt.md). Copyright stays with the author.

Designer: Page Layout

推奨パターン:

グリッド: 12-column を基準にし、主要ブレークポイントを明示
ヘッダー/フッター: 共通コンポーネント化してテンプレートに配置
コンテンツ領域: 優先度に応じたコンポーネント配置（主要情報を上部に）

アクセシビリティ注意点:

見出しの階層を正しく維持（h1 はページに1つ）
色のコントラスト比を WCAG に準拠させる
キーボード操作での到達順を確認

Use it

Copy one of these into your project. Installing also returns the manifest and these snippets.

# Designer: Page Layout

Role: Designer
Purpose: Translate requirements to page-level layouts and sections.
Inputs: Content types, responsive breakpoints.
Constraints: Mobile-first and accessibility.
Outputs: Wireframe guidelines and component list.

推奨パターン:

- グリッド: 12-column を基準にし、主要ブレークポイントを明示
- ヘッダー/フッター: 共通コンポーネント化してテンプレートに配置
- コンテンツ領域: 優先度に応じたコンポーネント配置（主要情報を上部に）

アクセシビリティ注意点:
- 見出しの階層を正しく維持（`h1` はページに1つ）
- 色のコントラスト比を WCAG に準拠させる
- キーボード操作での到達順を確認

ichihara-yamato-ai-native-dev-starter-01-page-layout-prompt.prompt.jsonjson

{
  "prompt": "# Designer: Page Layout\n\nRole: Designer\nPurpose: Translate requirements to page-level layouts and sections.\nInputs: Content types, responsive breakpoints.\nConstraints: Mobile-first and accessibility.\nOutputs: Wireframe guidelines and component list.\n\n推奨パターン:\n\n- グリッド: 12-column を基準にし、主要ブレークポイントを明示\n- ヘッダー/フッター: 共通コンポーネント化してテンプレートに配置\n- コンテンツ領域: 優先度に応じたコンポーネント配置（主要情報を上部に）\n\nアクセシビリティ注意点:\n- 見出しの階層を正しく維持（`h1` はページに1つ）\n- 色のコントラスト比を WCAG に準拠させる\n- キーボード操作での到達順を確認",
  "variables": [],
  "notes": "Role: Designer Purpose: Translate requirements to page-level layouts and sections. Inputs: Content types, responsive breakpoints. Constraints: Mobile-first and accessibility. Outputs: Wireframe guidelines and component list.",
  "metadata": {
    "source": {
      "provider": "github-prompts",
      "repository": "https://github.com/ichihara-yamato/ai-native-dev-starter",
      "path": ".github/prompts/designer/01-page-layout.prompt.md",
      "ref": "e5b0da5c368f8869bc8c8b88f2e23408247ce423",
      "url": "https://github.com/ichihara-yamato/ai-native-dev-starter/blob/e5b0da5c368f8869bc8c8b88f2e23408247ce423/.github/prompts/designer/01-page-layout.prompt.md",
      "key": "ichihara-yamato/ai-native-dev-starter/.github/prompts/designer/01-page-layout.prompt.md"
    }
  }
}

Fetch it by URL: GET /api/v1/registry/ichihara-yamato-ai-native-dev-starter-01-page-layout-prompt/manifest?version=1.0.0

01-page-layout

About

Designer: Page Layout

Use it

Manifest

Reviews