How do I install the Create View skill?

Run npx skillmds@latest add tomevault-io/create-view-2 in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Create View safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Create View?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Create View free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Create View?

tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Create View by tomevault-io — Agent Skill

Name: Create View
Author: tomevault-io

File contents

Create View Skill

1. Concepts

Custom View: A specialized UI configuration for a specific task (e.g., "Manager Dashboard", "Triage Queue").
View Action: A button placed on a view that triggers a backend Logic/Workflow.

2. Defining a Custom View

Records go in records/100_metadata.scl (typically).

set dev_simple_system.custom_view, my_dashboard {
  display_name "Manager Dashboard"
  
  # TYPE:
  # - "record": Single record detail view.
  # - "list": Table list view.
  # - "dashboard": Widget canvas.
  type dashboard 

  # LINK:
  # Use variable lookup to find target table ID
  target_table_id `$var('meta') |> $jq('.tables[] | select(.name == "order") | .id')`
}

3. Defining a View Action (Button)

Buttons connect the UI to your Actions (via Triggers).

set dev_simple_system.view_action, btn_approve {
  name "approve-order"
  label "Approve Order"
  icon "check-circle"  # Feather Icon
  
  # STYLE:
  # - "primary": Solid color (Call to Action)
  # - "outline": Border only (Secondary)
  # - "danger": Red (Destructive)
  type primary
  
  # PLACEMENT:
  # Link to the Custom View ID
  custom_view_id `$var('ids') |> $jq('.views[0].id')`
  
## 4. View Properties
| Property | Description |
| :--- | :--- |
| `icon` | Feather icon name (e.g., `file-text`, `download`). |
| `name` | Internal identifier (kebab-case). |
| `label` | Button text shown to user. |
| `type` | `primary`, `outline`, `danger`. |

## 5. Complete Recipe: "Generate PDF" Button
1.  **Logic:** Create `actions/generate-pdf`.
2.  **Trigger:** Create `trigger, generate_pdf_trigger` (Manual type).
3.  **Bind:** Link Logic+Trigger in `logic_trigger`.
4.  **View:** Create `custom_view, order_view`.
5.  **Button:** Create `view_action` linking View+Trigger.

```scl
set dev_simple_system.view_action, btn_gen_pdf {
  name "gen-pdf"
  label "Generate PDF"
  icon "file-text"
  type outline
  
  custom_view_id `$var('ids') |> $jq('.view_id')`
  trigger_id     `$var('ids') |> $jq('.trigger_id')`
}

6. Best Practices

Context: Actions receive the ID(s) of the expected record(s).
Feedback: The UI handles loading states automatically while the WASM Action runs.
Permissions: Action visibility respects the underlying Logic permissions.

Converted and distributed by TomeVault — claim your Tome and manage your conversions.

---name: create-view-2description: Guide to building Custom Views, Dashboards, and Action Buttons. Use when this capability is needed.---# Create View Skill## 1. Concepts* **Custom View:** A specialized UI configuration for a specific task (e.g., "Manager Dashboard", "Triage Queue").* **View Action:** A button placed on a view that triggers a backend Logic/Workflow.## 2. Defining a Custom ViewRecords go in `records/100_metadata.scl` (typically).```sclset dev_simple_system.custom_view, my_dashboard { display_name "Manager Dashboard" # TYPE: # - "record": Single record detail view. # - "list": Table list view. # - "dashboard": Widget canvas. type dashboard # LINK: # Use variable lookup to find target table ID target_table_id `$var('meta') |> $jq('.tables[] | select(.name == "order") | .id')`}```## 3. Defining a View Action (Button)Buttons connect the UI to your **Actions** (via Triggers).```sclset dev_simple_system.view_action, btn_approve { name "approve-order" label "Approve Order" icon "check-circle" # Feather Icon # STYLE: # - "primary": Solid color (Call to Action) # - "outline": Border only (Secondary) # - "danger": Red (Destructive) type primary # PLACEMENT: # Link to the Custom View ID custom_view_id `$var('ids') |> $jq('.views[0].id')` ## 4. View Properties| Property | Description || :--- | :--- || `icon` | Feather icon name (e.g., `file-text`, `download`). || `name` | Internal identifier (kebab-case). || `label` | Button text shown to user. || `type` | `primary`, `outline`, `danger`. |## 5. Complete Recipe: "Generate PDF" Button1. **Logic:** Create `actions/generate-pdf`.2. **Trigger:** Create `trigger, generate_pdf_trigger` (Manual type).3. **Bind:** Link Logic+Trigger in `logic_trigger`.4. **View:** Create `custom_view, order_view`.5. **Button:** Create `view_action` linking View+Trigger.```sclset dev_simple_system.view_action, btn_gen_pdf { name "gen-pdf" label "Generate PDF" icon "file-text" type outline custom_view_id `$var('ids') |> $jq('.view_id')` trigger_id `$var('ids') |> $jq('.trigger_id')`}```## 6. Best Practices* **Context:** Actions receive the ID(s) of the expected record(s).* **Feedback:** The UI handles loading states automatically while the WASM Action runs.* **Permissions:** Action visibility respects the underlying Logic permissions.---> Converted and distributed by [TomeVault](https://tomevault.io/claim/simple-platform) — claim your Tome and manage your conversions.

Frequently asked questions

Create View