# using-workday-design

> Claude/Codex skill by [@workday](https://omgskills.com/library/workday/index.md) · 3 stars · Updated 2026-10-19

The shared look-and-feel for rendering Workday data as a page. Load this whenever a Sana skill produces a visual artifact — a snapshot page, card, or chart — so the result reads as Workday's own product (Canvas Design System tokens, Roboto, the app chrome, status pills) instead of a generic page. This is the branding source of truth: every artifact inlines its styling from here. The connector has no render tool, so the look ships here in the skill, not in the platform.

## Install

```sh
git clone https://github.com/Workday/everywhere /tmp/everywhere && ln -s /tmp/everywhere/plugins/sana/skills/using-workday-design ~/.claude/skills/using-workday-design
```

## From README

Rendering Workday data — make it look like Workday The Sana connector has no render tool, so an artifact you build won't be branded unless you brand it. Every visual must read as Workday's product. Reconstruct it from the tokens and components below — do not invent a look, and never hand-draw the logo. Build the artifact as a single self-contained HTML document (published artifacts can't link a shared stylesheet across URLs), so inline the :root block below into the page's . The file is a document, not a fragment. It begins with: A file that starts at has no charset, and names such as O'Shaughnessy render as mojibake. Commit to Workday's light product theme. Ground every figure in a real agent answer or clearly-labeled sample data. Include only chrome that works — no dead search box, menus, or notification icons. Do not load fonts, scripts, or stylesheets from the network. The font stack below falls back to Helvetica and Arial.

## Links

- HTML page: https://omgskills.com/skills/workday/everywhere/plugins/sana/skills/using-workday-design/
- GitHub: https://github.com/Workday/everywhere
- Author: [@workday](https://omgskills.com/library/workday/index.md)

## More from this repo

- [workday](https://omgskills.com/skills/workday/everywhere/plugins/sana/skills/workday/index.md) — Workday HR assistant for any question about the user's employer, workforce, or HR.
   - [@workday](https://omgskills.com/library/workday/index.md) · 3 stars
- [workday-agent-dialogue](https://omgskills.com/skills/workday/everywhere/plugins/sana/skills/workday-agent-dialogue/index.md) — Use after Workday routing has already selected an agent, before you send the agent message.
   - [@workday](https://omgskills.com/library/workday/index.md) · 3 stars
- [workday-onboard](https://omgskills.com/skills/workday/everywhere/plugins/sana/skills/workday-onboard/index.md) — Used to build the personal Workday onboard card.
   - [@workday](https://omgskills.com/library/workday/index.md) · 3 stars