cratis-screenplay-ui-composition SKILL.md skillA

cratis-screenplay-ui-composition from cratis/ai is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add cratis/ai/cratis-screenplay-ui-composition@git:20261023.e21fb60

Pins git:20261023.e21fb60 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
cratis/ai
Path
.cratis/ai/skills/cratis-screenplay-ui-composition/SKILL.md
Versions recorded
5
Latest version
git:20261023.e21fb60, committed Oct 23, 2026
First version recorded
Oct 16, 2026
Size
19,351 bytes
Repository stars
4
License
MIT

Compose the user interface of a Cratis Screenplay `.play` model — `layout` and responsive `arrangement`, screen/dialog templates, component data-context bindings, exposed template configuration, command forms and columns, navigation contributions, application navigation regions (topbar/sidebar, module inherit/extend/override), toolbar slice buttons, blueprint template references, sample data packs, hierarchical outlets/routes, toolbar dialogs, package/icon selection, interaction…

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

# UI composition in Screenplay

Read [preferred syntax](../cratis-screenplay-toolchain/references/preferred-syntax.md) when writing or reviewing `.play`.

Event Modeling's wireframe step is a first-class part of the language. The shell,
the reusable shapes inside it, the forms bound to commands, and the navigation
entries other modules contribute are all declared in the `.play` model.

⚠️ `file <Identifier>` is read as a **property** named `file`, not a directive —
the type-reference shape wins the tie. `file Invoices/Register.cs` is a directive;
`file Attachment` is a property. In a `trigger` body the directive always wins, so
a trigger value named `file` is written `@file`.

## Locate the model

Look first for the project's existing `.play` files: their folder is the model.
For a new model, check `Source/` or `src/`, else use `Screenplay/` at the repository
root. Never put a model under `.cratis/` or hand-copy it between repositories.
`cratis ai install` manages `.cratis/ai/`, never model files. Keep explanatory
Markdown in project documentation; `.play` is the single flow model.

## Product sources

Tool versions: toolchain `SKILL.md`. UI statements come from Screenplay
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add cratis/ai/cratis-screenplay-ui-composition@sha256:61b6f05e523b8980

The line at the top of this page pins the label git:20261023.e21fb60, 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_hb54lk2vehxwllcw.svg)](https://markdownregistry.com/a/art_hb54lk2vehxwllcw)

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

Versions

The registry has recorded 5 versions of this file, between Oct 16, 2026 and Oct 23, 2026, about one every 2 days.

versioncommittedcommitsizeaudit
git:20261023.e21fb60 latest2026-10-23 e21fb60 19,351 BA view · diff
git:20261021.67d5eee2026-10-21 67d5eee 17,860 BA view · diff
git:20261021.7ce24332026-10-21 7ce2433 17,872 BA view · diff
git:20261016.18864642026-10-16 1886464 17,660 BA view · diff
git:20261016.75a63312026-10-16 75a6331 16,899 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 (19351 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

cratis/ai · 4 stars · license MIT · pushed 2026-11-04 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_hb54lk2vehxwllcw
GET https://markdownregistry.com/api/v1/resolve?ref=cratis/ai/cratis-screenplay-ui-composition
GET https://markdownregistry.com/api/v1/blob/61b6f05e523b8980476c3d89899b4145a1057152ed548c0f516af802bda04510

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 cratis/ai

CLAUDE.md@.claude CLAUDE.md file
cratis/ai · .claude/CLAUDE.md
git:20260911.75ad9bc · audit B · 4 stars
analyzing-dotnet-performance SKILL.md skill
cratis/ai · .cratis/ai/skills/analyzing-dotnet-performance/SKILL.md · Use when reviewing .NET hot paths or scanning source for allocation-heavy and inefficient patterns. Not for measuring a…
git:20261026.fc845e3 · audit A · 4 stars
binlog-generation SKILL.md skill
cratis/ai · .cratis/ai/skills/binlog-generation/SKILL.md · Use when an MSBuild failure or performance investigation needs a binary log and none exists. Not for analyzing existing…
git:20261026.fc845e3 · audit A · 4 stars
check-bin-obj-clash SKILL.md skill
cratis/ai · .cratis/ai/skills/check-bin-obj-clash/SKILL.md · Use when multi-project or multi-targeted MSBuild builds collide in bin, obj or project.assets.json, overwrite outputs…
git:20261026.fc845e3 · audit A · 4 stars
coverage-analysis SKILL.md skill
cratis/ai · .cratis/ai/skills/coverage-analysis/SKILL.md · Use when interpreting supplied .NET coverage evidence or an explicit coverage-collection request. Not for hypothetical…
git:20261026.fc845e3 · audit A · 4 stars
cratis-application-react-specifications SKILL.md skill
cratis/ai · .cratis/ai/skills/cratis-application-react-specifications/SKILL.md · Write specifications for the React and TypeScript surface of a Cratis application slice — view models, helpers, command…
git:20261012.b518110 · audit A · 4 stars
cratis-application-slice-conformance SKILL.md skill
cratis/ai · .cratis/ai/skills/cratis-application-slice-conformance/SKILL.md · Reconcile a Cratis slice's hand-written or gap-filled code and specifications with its contract (the `.play` slice and…
git:20261013.e57d5c3 · audit A · 4 stars
cratis-application-slice-specifications SKILL.md skill
cratis/ai · .cratis/ai/skills/cratis-application-slice-specifications/SKILL.md · Specify the backend behavior of an event-sourced Cratis application slice — plain-call specs for pure decisions, plus…
git:20261013.ad33eca · audit A · 4 stars
cratis-arc-authentication-authorization-and-identity SKILL.md skill
cratis/ai · .cratis/ai/skills/cratis-arc-authentication-authorization-and-identity/SKILL.md · Wire authentication, authorization and identity in a Cratis Arc application — IProvideIdentityDetails and the…
git:20261012.9e91c1e · audit A · 4 stars
cratis-arc-command-execution SKILL.md skill
cratis/ai · .cratis/ai/skills/cratis-arc-command-execution/SKILL.md · Execute an existing Cratis Arc command from backend code through ICommandPipeline — the scopeless and scoped overloads…
git:20261012.1578108 · audit A · 4 stars
cratis-arc-command-kotlin SKILL.md skill
cratis/ai · .cratis/ai/skills/cratis-arc-command-kotlin/SKILL.md · Define a Cratis Arc command in Kotlin or Java — the @Command class, its handle() method, the optional provide() step…
git:20261012.0af903a · audit A · 4 stars
cratis-arc-command-operation SKILL.md skill
cratis/ai · .cratis/ai/skills/cratis-arc-command-operation/SKILL.md · Declare immediate inline work as a Cratis Arc ICommandOperation returned by a model-bound command, with optional…
git:20261012.1578108 · audit A · 4 stars

Every file in cratis/ai

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