generative-page SKILL.md skillA

generative-page from geekfujiwara/codeappsdevelopmentstandard is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add geekfujiwara/codeappsdevelopmentstandard/generative-page@git:20260911.7ff5847

Pins git:20260911.7ff5847 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
geekfujiwara/codeappsdevelopmentstandard
Path
.github/skills/generative-page/SKILL.md
Versions recorded
6
Latest version
git:20260911.7ff5847, committed Sep 11, 2026
First version recorded
May 25, 2026
Size
20,378 bytes
Repository stars
78
License
MIT

Power Apps Generative Pages (genux) の開発・デバッグ・デプロイ。React 17 + TypeScript + Fluent UI V9 + D3.js の単一ファイル構成。デザインテンプレートによる段階的 UI 改善。.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# Generative Pages 開発スキル

Power Apps モデル駆動型アプリの **Generative Pages (genux)** を開発・デバッグ・デプロイするスキル。

> **Code Apps スキル (`code-apps`) との違い**: Code Apps は React 18 + Tailwind + Vite + `npx pa app push` のフルスタック開発。Generative Pages は React 17 + Fluent UI V9 + D3.js の **単一 `.tsx` ファイル構成** で `pac model genpage upload` でデプロイする軽量ページ。

## 技術スタック

| レイヤー       | 技術                                                |
| -------------- | --------------------------------------------------- |
| UI             | React 17 + TypeScript                               |
| コンポーネント | `@fluentui/react-components` (Fluent UI V9)         |
| アイコン       | `@fluentui/react-icons`(サイズなしバリアントのみ) |
| チャート       | D3.js v7                                            |
| データ         | `props.dataApi` (DataAPI)                           |
| デプロイ       | PAC CLI (`pac model genpage upload`)                |

**利用可能ライブラリ(これ以外は使用禁止):**

```
react: ^17.0.2
@fluentui/react-components: ^9.46.4
@fluentui/react-icons: ^2.0.292
@fluentui/react-datepicker-compat: ^0.5.0
@fluentui/react-timepicker-compat: ^0.3.0
d3: ^7.9.0
uuid: ^9.0.1
```

## 必須要件

1. **React 17 構文のみ** — React 18 の `useId`, `useTransition` 等は使用不可
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add geekfujiwara/codeappsdevelopmentstandard/generative-page@sha256:c724dc27ef0269b9

The line at the top of this page pins the label git:20260911.7ff5847, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_4qzjtoxdulr2iq5p.svg)](https://markdownregistry.com/a/art_4qzjtoxdulr2iq5p)

6 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 6 versions of this file, between May 25, 2026 and Sep 11, 2026, about one every 22 days.

versioncommittedcommitsizeaudit
git:20260911.7ff5847 latest2026-09-11 7ff5847 20,378 BA view · diff
git:20260904.88baf8a2026-09-04 88baf8a 20,395 BA view · diff
git:20260709.3efc5f72026-07-09 3efc5f7 20,399 BA view · diff
git:20260629.cc27a052026-06-29 cc27a05 20,408 BA view · diff
git:20260615.4f3db272026-06-15 4f3db27 42,344 BA view · diff
git:20260525.59b21102026-05-25 59b2110 42,344 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (20378 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

geekfujiwara/codeappsdevelopmentstandard · 78 stars · license MIT · pushed 2026-11-05 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_4qzjtoxdulr2iq5p
GET https://markdownregistry.com/api/v1/resolve?ref=geekfujiwara/codeappsdevelopmentstandard/generative-page
GET https://markdownregistry.com/api/v1/blob/c724dc27ef0269b96a0666e696b35e8c6e20f0d75ab3ec7773f5ed068c6621ac

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from geekfujiwara/codeappsdevelopmentstandard

admin SKILL.md skill
geekfujiwara/codeappsdevelopmentstandard · .github/skills/admin/SKILL.md · Power Platform のテナント / 環境ガバナンスを確認・設定する。通常開発では事前チェックせず、環境チェックの明示依頼時または開発・デプロイ障害時だけ診断する。依頼者の現在有効な委任権限と対象範囲を確認し、権限内の最小診断・承認…
git:20261019.d75ad2d · audit A · 78 stars
agent-flows SKILL.md skill
geekfujiwara/codeappsdevelopmentstandard · .github/skills/agent-flows/SKILL.md · Copilot Studio 新 UI の Agent flows / Workflows を構築・公開・検証する。Dataverse レコード作成/更新トリガーから既存の発行済み Copilot Studio v2 を Agent…
git:20261019.d75ad2d · audit A · 78 stars
ai-builder SKILL.md skill
geekfujiwara/codeappsdevelopmentstandard · .github/skills/ai-builder/SKILL.md · AI Builder の AI プロンプト(GPT Dynamic Prompt)を Dataverse API で作成し、Copilot Studio エージェントにツール(アクション)として追加する。Power Automate…
git:20260911.59cf774 · audit A · 78 stars
alm SKILL.md skill
geekfujiwara/codeappsdevelopmentstandard · .github/skills/alm/SKILL.md · コードファースト資産(エージェント定義・Code Apps の構成・IaC など)を秘匿化・汎用化したテンプレートとして Git 管理し、pre-commit ゲート → 自律レビューゲート → 承認・デプロイ → リリース記録までを…
git:20261008.cd91dcc · audit A · 78 stars
architecture SKILL.md skill
geekfujiwara/codeappsdevelopmentstandard · .github/skills/architecture/SKILL.md · Power Platform のコンポーネント選定と統合アーキテクチャを設計する。社内画面はライセンスと頻度で Code Apps / Copilot Managed Runtime を選ぶ。SharePoint URL…
git:20261026.f3de84b · audit A · 78 stars
azure-infra SKILL.md skill
geekfujiwara/codeappsdevelopmentstandard · .github/skills/azure-infra/SKILL.md · Azure の基盤(ネットワーク・ID・ストレージ・コンピュート・デプロイ)をリファレンスアーキテクチャから選定し、テナントのセキュリティガバナンスに準拠した構成で構築・デプロイ・検証する。Azure Web アプリ / SPA の…
git:20261028.d86ac6b · audit A · 78 stars
code-apps SKILL.md skill
geekfujiwara/codeappsdevelopmentstandard · .github/skills/code-apps/SKILL.md · Power Apps Code Apps の初期化・Dataverse 接続・UI 設計・開発・デプロイ。SharePoint URL は明示指定がなければ移行元として扱い、Dataverse…
git:20261104.8ea4d4f · audit A · 78 stars
daily-report-intake SKILL.md skill
geekfujiwara/codeappsdevelopmentstandard · .github/skills/code-apps/templates/construction-cockpit/agent/cockpit-assistant/skills/daily-report-intake/SKILL.md · Teams の会話で日報を作る。作業内容・天候・人員を聞き取り、添付された現場写真を確認して登録し、作業ごとの進捗(施工単位でも可)を下書きとして提出する。監督が現場コックピットの「承認待ち」で承認すると工程の進捗と 3D…
git:20261006.6e0a551 · audit A · 78 stars
field-records SKILL.md skill
geekfujiwara/codeappsdevelopmentstandard · .github/skills/code-apps/templates/construction-cockpit/agent/cockpit-assistant/skills/field-records/SKILL.md · 現場の記録(KY 活動・ヒヤリハット・ナレッジ・日報・重機稼働)を 1 回の会話でまとめて登録する。報告文から記録ごとに項目を整理し、確認後に Dataverse へ登録して読み戻す。Use when: KY を登録, ヒヤリハット…
git:20261005.9cc8d4e · audit A · 78 stars
progress-3d-report SKILL.md skill
geekfujiwara/codeappsdevelopmentstandard · .github/skills/code-apps/templates/construction-cockpit/agent/cockpit-assistant/skills/progress-3d-report/SKILL.md · 工程の進捗を報告し、3D モデルのどこまで出来ているかを確認する。CAD モデルの施工単位(階・区画)で「3 階の床まで完了」のように報告でき、進捗率に換算して監督確認へ提出する。Use when: 進捗報告, 出来高, 出来形…
git:20261005.9cc8d4e · audit A · 78 stars
review-maintenance SKILL.md skill
geekfujiwara/codeappsdevelopmentstandard · .github/skills/code-apps/templates/construction-cockpit/agent/cockpit-assistant/skills/review-maintenance/SKILL.md · 監督・管理者が、提出された工程進捗と日報を承認・修正承認・差戻しし、KY・ヒヤリハット・ナレッジ・日報の記録をメンテナンス(修正・ナレッジ化)する。承認した進捗は 3D に反映される。Use when: 承認, 差戻し, 確認待ち…
git:20261005.9cc8d4e · audit A · 78 stars
construction-action-advisor SKILL.md skill
geekfujiwara/codeappsdevelopmentstandard · .github/skills/code-apps/templates/construction-cockpit/cowork/construction-cockpit/skills/construction-action-advisor/SKILL.md · Microsoft 365 と現場コックピットの情報を統合し、現場ごとの優先順位と次アクションを助言する。 Use when ユーザーが「今日何を優先すべき」「現場横断で次のアクションを教えて」と依頼したとき。
v1.0 · audit A · 78 stars

Every file in geekfujiwara/codeappsdevelopmentstandard

Browse by kind, by grade A, or by owner.