Skills
.Work. You
Rest

aksel-spacing

Official

Build responsive layouts with Aksel spacing.

Design & Creative#layout#responsive#tokens#design-system#spacing#aksel
Authornavikt
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Building consistent, responsive layouts across a project using Aksel v8+ tokens and primitives can be error-prone and time-consuming without a standardized guide.

Core Features & Use Cases

  • Spacing tokens and layout primitives (Box, HStack, VStack, HGrid, Page, Bleed) aligned with Aksel v8+.
  • Breakpoint-driven styling with ResponsiveProp patterns to adapt layouts across mobile and desktop.
  • Use Case: craft a dashboard with a sidebar and content area that scales cleanly across breakpoints.

Quick Start

Build a simple responsive layout by combining Box, HStack, and HGrid using spacing tokens from Aksel v8.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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-spacing
Download link: https://github.com/navikt/watson-sak-frontend/archive/main.zip#aksel-spacing

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 471,000+ vetted skills library on demand.