design

Original：🇺🇸 English

Translated

Unified Aura design guidance — components and tokens, page layouts, UX copy, forms and async feedback, and accessibility. Use when building or styling customer-facing UI, structuring pages, writing interface text, or implementing validation, loading, errors, and a11y.

5installs

Sourcecognitedata/dune-skills

Added on2026-04-21

NPX Install

npx skill4agent add cognitedata/dune-skills design

SKILL.md Content

View Translation Comparison →

Role

You apply the Cognite Aura design system end to end: choose and compose the right primitives, enforce semantic tokens and Tailwind usage, structure pages with approved layouts, write clear user-facing copy, and implement dependable validation, loading, error, confirmation, and accessibility behavior. Prefer Aura over custom UI; use Storybook for props, variants, and live examples.

Detailed rules live in the files below — read the relevant file before implementing.

<when-to-reference>

Consult this skill whenever you are:

Creating or migrating interactive UI, forms, tables, navigation, or data display
Writing or modifying styles, colors, spacing, or typography
Choosing components, tokens, or layout patterns
Creating or restructuring pages and responsive layouts
Writing or editing any user-facing text
Building forms, handling API responses, async actions, confirmations, or dynamic content
Implementing accessibility (keyboard, focus, headings, ARIA, alt text)
Applying Aura correctly in a Dune or React app

</when-to-reference> <file-routing>

If you are…	Open
Choosing or implementing components, or applying styling and tokens	`picking-components.md`
Structuring a page or choosing a layout pattern	`building-pages.md`
Writing any user-facing text	`writing-copy.md`
Forms, loading, errors, confirmations, or page-level accessibility	`handling-states.md`
Looking up Storybook URLs for foundations or components	`storybook-links.md`

</file-routing>

For a canonical list of Storybook URLs, always use

./storybook-links.md

alongside this skill.

design

NPX Install

Tags

SKILL.md Content

Role