CtrlK
BlogDocsLog inGet started
Tessl Logo

punkt-css

Using Punkt CSS (@oslokommune/punkt-css) in projects. Covers setup, layout, typography, colors, grid, spacing, and utility classes for building websites and applications with the Oslo kommune design system. Use when building pages or layouts with Punkt CSS classes.

74

1.65x
Quality

61%

Does it follow best practices?

Impact

96%

1.65x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No known issues

Fix and improve this skill with Tessl

tessl review fix ./skills/punkt-css/SKILL.md
SKILL.md
Quality
Evals
Security

Punkt CSS

Skill for using Punkt CSS (@oslokommune/punkt-css) in projects. Covers setup, layout, typography, colors, grid, spacing, and utility classes for building websites and applications with the Oslo kommune design system.

Key principle: Focus on CSS classes and CSS custom properties. SCSS mixins and variables are noted where relevant but require the SCSS embedding method.

Sections

  1. Getting Started
  2. Typography & Layout
  3. Colors
  4. Grid System
  5. Spacing
  6. Breakpoints
  7. Visibility & Accessibility
  8. Helper Classes
  9. Dark Mode
Repository
oslokommune/punkt-skills
Last updated
Created

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.