Skip to main content
Limited Release. The EDK is currently in limited release and is not available to all customers. Commands, generated file layouts, and package APIs may change before general availability. Confirm you’re on the latest EDK version before starting new projects.
EDK design starts with the work people need to complete, not with fields or page sections. Use the design workflow to define personas, stages, decisions, handoffs, and information hierarchy before implementing the experience. You can complete the design work with Cursor, Claude Code, Cortex Code (CoCo), Claude Cowork, or another coding agent that supports Agent Skills. You do not need to write EDK code. The output is a design brief that a delivery team can review and implement later.

Installation

Install the elementum CLI to access playbooks.

Playbooks

Learn how coding-agent playbooks work.

Map the Process

Create a stage matrix for every materially different part of the process: Two stages can usually share an experience pattern when they have the same persona, decision, required information, and action. Define a different experience when the person’s job changes materially. Keep distinct outcomes such as completed, rejected, cancelled, and retired. Combining them into a generic closed state removes information that reporting and Automations may need.

Shape the Experience

For each distinct stage, decide what the responsible person needs to recognize, review or change, decide, and do next. Keep supporting evidence and history available without letting them distract from the current job. The first view should answer three questions: What is this record? What matters now? What should I do next? See Record Experiences for the complete workshop.

Use a Coding Agent

The design playbook uses the open Agent Skills format rather than a Cowork-specific format. You can use it before an EDK workspace exists. Install it in the standard project directory:
Invoke /elementum-design and provide:
  • The business outcome and process description.
  • The people involved and their responsibilities.
  • Current stages, decisions, handoffs, and failure paths.
  • Existing screenshots, requirements, or user feedback.
  • Current platform configuration when it is available.
Ask the agent to produce the stage matrix, record-experience recommendations, open questions, and a design brief. Make it explicit that the work should remain at the design level and that unsupported assumptions should be flagged.

Cortex Code (CoCo)

CoCo supports Agent Skills in a project-level .cortex/skills directory. Copy the design playbook there:
In CoCo, run /skill list to confirm the playbook is available. Then ask CoCo to use elementum-design for the design task.

Use Claude Cowork

Claude Cowork can run the design workshop before an EDK workspace exists. It is well suited to reviewing process documents, interview notes, screenshots, and requirements and turning them into a structured design brief. Cowork loads skills enabled through your Claude account. It does not automatically load playbooks installed in a local .agents/skills directory.
1

Copy the design playbook

Copy only the design playbook into a temporary folder:
2

Package the skill

Create a ZIP with the elementum-design folder at its root:
3

Enable it in Claude

In Claude Desktop for Mac, open CustomizeSkills, select +Create skillUpload a skill, upload elementum-design.zip, and enable the skill for your account.
4

Run the design workshop

Start a Cowork session, attach the relevant process material, and ask Claude to use elementum-design. Have it identify missing decisions and produce the stage matrix, information hierarchy, record-experience recommendations, open questions, and final design brief.
Cowork can produce and refine the complete design brief without an EDK workspace. A delivery team can use that brief to configure Elementum visually or implement it with the EDK.

Continue the Design

Record Experiences

Define what each person sees and does.

Design Validation

Review scenarios and confirm the design.