aksel-agent

aksel-agent is an agent for Claude Code from navikt/copilot. It costs 81 tokens per session (1,344 once invoked), scanned A, original, MIT.

An agent for building and refactoring user interfaces with Nav's Aksel design system. Nav is Norway's Labour and Welfare Administration, and a design system is a shared set of interface components, styles, and rules.

In plain words
What is it for?
Planning and implementing Aksel-based Nav applications, translating Figma designs into code, and working with the React components, layout tools, themes, tokens, and icons documented by Aksel.
Why use it?
It reduces mistakes caused by relying on outdated knowledge of Aksel's components, properties, design tokens, or icons. It checks the current sources before writing code and includes accessibility and migration concerns.

Agent for Claude Code

Written for Claude Code: a Claude Code subagent (agents/*.md). Also seen: model in frontmatter; Copilot chat-mode frontmatter (tools: vscode/*).

Good fit Planning and implementing Aksel-based Nav applications, translating Figma designs into code, and working with the React components, layout tools, themes, tokens, and icons documented by Aksel.

Compare 6 agents from other repositories ↓
Install with agentmods
npx agentmods add agents/navikt/copilot/aksel
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Clone the repo
git clone --depth 1 https://github.com/navikt/copilot

Made for: Claude Code.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for aksel-agent

README.md
[![agentmods](https://agentmods.dev/badge/agents/navikt/copilot/aksel/github.svg)](https://agentmods.dev/agents/navikt/copilot/aksel)
Your own site
<a href="https://agentmods.dev/agents/navikt/copilot/aksel"><img src="https://agentmods.dev/badge/agents/navikt/copilot/aksel/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for aksel-agent

Your own site · 80×15
<a href="https://agentmods.dev/agents/navikt/copilot/aksel"><img src="https://agentmods.dev/badge/agents/navikt/copilot/aksel.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 81 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 1,344 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00081 $0.01344
Opus 5.5 $0.00032 $0.00538
Sonnet 5.5 $0.00016 $0.00269
Haiku 4.5 $0.00008 $0.00134

Measured 19d ago against content hash 700721ce34d6, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

aksel-agent scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 19d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

agents/aksel.agent.md · 93 lines

How it starts

The opening of the file, as written. The whole thing — 93 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Aksel Design System Agent (v8+)

Expert on Nav's Aksel design system. You orchestrate — never build from training memory (stale on Aksel). Sources of truth:

  • aksel-builder skill — the build playbook (MCP-first rules, Find → Fetch → Build → Validate, decision tree, on-demand references). Load and follow it for any build/edit task.
  • Aksel MCP — live component, token, icon, and migration data.
  • Figma & GitHub MCPs — designs to translate; real usage in navikt repos.

MCP-first (hard rule)

Verify every Aksel import, prop, token, and icon name via the MCP before writing it — never invent them; the MCP wins over memory. If the aksel_* tools are unavailable (or https://aksel-mcp.nav.no is blocked), use the skill's Preflight fallback (fetch https://aksel.nav.no/llm.md → the specific .md) and recommend installing the MCP.

0. Orient (once per task)

  • MCP reachable? If the aksel_* tools are missing → use the HTTP fallback above.
  • Aksel version & stack? Read package.json for @navikt/ds-react (drives which API is current); detect the framework (Next.js App Router, Vite, …) and whether @navikt/ds-tailwind is present.
  • Classify the task and route via the table below.

Task-type routing

Task Route
Build / refactor Aksel UI (components, forms, layout, styling, theming, a11y) Load the aksel-builder skill and follow its decision tree (aksel_find_docs → aksel_get_component_info / aksel_get_doc → build → validate).
Implement a Figma design → Aksel code Load the skill's figma-to-code.md and follow it: Figma MCP get_design_context (screenshot is embedded; Code Connect snippets need prop remapping) → map components/tokens via the aksel_* tools → build → validate.
A specific token / color / spacing value aksel_get_token_details (browse with aksel_find_docs kind:"tokens").
Find an icon aksel_find_icons → import is ${name}Icon (the name rarely matches the obvious guess).
Upgrade / codemod / breaking-change question aksel_find_docs kind:"migrations" → run the runCommand it returns. Don't guess codemod names.
"How do other teams do X?" / real usage github search_code / search_repositories scoped to the navikt org.
Latest version / changelog / release github get_latest_release / list_releases on navikt/aksel.

Read the full file on GitHub · 93 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 19d ago Changed 700721ce34d6
  2. 1mo ago Changed eb6688100005
  3. 1mo ago Changed 0740ec796a3f
  4. 1mo ago Changed 6b14f77aa95b
  5. 1mo ago Changed a85a02b77403
  6. 1mo ago First seen · 93 lines · 81 tokens per session scan A d19024664281

Subscribe to this mod's changes

aksel-agent is an agent published in the GitHub repository navikt/copilot (55 stars, last pushed yesterday), licensed MIT. It adds 81 tokens to every session and 1,344 once invoked, about $0.0003 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Related

Other agents, from other repositories

expo-react-native-development-expert

Expert Expo and React Native mobile developer that provides cross-platform mobile app development capabilities with Expo SDK 54, React Native 0.81, React 19.1, TypeScript, and modern mobile UI patterns. MUST BE USED for Expo/React Native development tasks, mobile UI implementation, navigation, state management, and…

giuseppe-trisciuoglio/developer-kit · 90 tokens

react-frontend-development-expert

Expert React frontend developer that provides React 19, Vite, TypeScript, Tailwind CSS, and shadcn/ui capabilities. MUST BE USED for React frontend development tasks, component design, state management, UI implementation, and best practices. Use PROACTIVELY for building modern, responsive, and accessible React…

giuseppe-trisciuoglio/developer-kit · 78 tokens

react-software-architect-review

Expert React software architect that provides frontend architecture, component design patterns, state management strategies, and performance optimization guidance. Reviews React codebases for architectural integrity, proper component composition, and best practices across React 19, Next.js, Remix, and modern frontend…

giuseppe-trisciuoglio/developer-kit · 79 tokens

frontend-figma-layout-designer

Specialized front-end layout designer. Use when the user pastes raw HTML and CSS exported from Figma and wants clean, production-ready React components with CSS/SCSS extracted and organized. Use proactively whenever the task involves turning Figma-derived markup/styles into real UI code.

ivklgn/ai-kit · 63 tokens

react-expert

Specialized in React.js, Next.js, and modern frontend ecosystems. Uses specialized knowledge of hooks, state management (Zustand/Redux), and server components.

ashrafmusa/agenticana · 37 tokens

frontend-lead

Holistic frontend development guidance combining React, CSS, accessibility, and performance optimization. Use when building frontend applications, making UI/UX decisions, or coordinating frontend architecture across multiple concerns.

armanzeroeight/fastagent-plugins · 40 tokens