Skills
.Work. You
Rest

aksel

Official

Build UIs with Nav's design system.

Design & Creative#accessibility#react#design system#frontend development#ui components#nav design
Authornavikt
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides comprehensive guidance and components for building user interfaces according to Nav's design system, ensuring consistency, accessibility, and adherence to best practices.

Core Features & Use Cases

  • Component Library: Access to a rich set of React components (@navikt/ds-react) for various UI elements like forms, navigation, and feedback.
  • Design Tokens: Utilize predefined design tokens for colors, spacing, and typography (@navikt/ds-tokens) to maintain visual consistency.
  • Best Practices: Follow guidelines for universal design, form validation, and accessibility.
  • Use Case: A developer needs to create a new form within a Nav application. They can use this Skill to find the correct form components, understand how to implement labels and error messages, and ensure the form is accessible.

Quick Start

Use the aksel skill to find the correct component for a text input field.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: aksel
Download link: https://github.com/navikt/deployment-audit/archive/main.zip#aksel

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.