| name | entur-linje |
| description | Entur Linje design system — use when building anything with @entur/* React components, Entur branding, Entur tokens, Entur colors, Entur typography, Entur data visualization, Entur accessibility, or universell utforming (UU). Trigger for any question or task involving the Entur design system, Entur's visual identity, Entur transport UI, or compliance with Norwegian accessibility law (WCAG). Use this skill whenever the user mentions Entur in a design, development, or content context — even if they don't specifically say "design system." |
Audience: AI coding agents. Entur employees looking for design system docs should visit linje.entur.no.
Entur Linje Design System
Entur Linje is the official React component library and design system for Entur — Norway's national public transport data platform. Published as @entur/* npm packages with independent versioning.
Documentation: https://linje.entur.no
GitHub: https://github.com/entur/design-system
llms.txt (page index): https://linje.entur.no/llms.txt
llms-full.txt (full reference for agents): https://linje.entur.no/llms-full.txt
Key Concepts
- Linje: Entur's design system — covers React components, design tokens, brand identity, and accessibility standards
@entur/* packages: individually versioned npm packages (e.g. @entur/button, @entur/tokens). Install only what you need.- Design tokens: CSS custom properties from
@entur/tokens that encode color, spacing, and typography. Always use tokens in code — never hardcode hex values.
data-color-mode: HTML attribute ("light" | "dark") placed on a parent element to switch token values for light/dark mode automatically- Universell utforming (UU): Norwegian term for universal design / accessibility. Entur is legally required to comply with WCAG 2.1 AA per Norwegian IKT regulation.
#talk-designsystem: Slack channel for design system questions at Entur
Route to sub-skill
Match the user's task to the table below. Fetch and read the linked SKILL.md before proceeding — it contains the rules, patterns, and reference files needed for that task. For implementation tasks, load both entur-web-development and entur-accessibility together.
| Task | Sub-skill SKILL.md to fetch |
|---|
| Building React UI, adding components, writing JSX | entur-web-development + entur-accessibility |
| Making a presentation, creating slides | entur-brand-design |
| Creating charts, graphs, data visualizations | entur-brand-design |
| Auditing accessibility, WCAG compliance, "is this accessible" | entur-accessibility |
| Colors, branding, visual identity questions | entur-brand-design |
| Tokens, CSS variables, dark mode | entur-web-development |
Fallback — if the task doesn't match above:
