How do I install the Punkt CSS Dev skill?

Run npx skillmds@latest add oslokommune/punkt-css-dev in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Punkt CSS Dev safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Punkt CSS Dev?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Punkt CSS Dev free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Punkt CSS Dev?

oslokommune (@oslokommune) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Punkt CSS Dev

Name: Punkt CSS Dev
Rating: 4.5 (4 reviews)
Author: oslokommune

Developing component and utility styles in the Punkt design system (@oslokommune/punkt-css). Covers creating, modifying, and maintaining SCSS in /packages/css/src/scss/. Use when working on Punkt CSS source code.

oslokommune Updated Sep 10, 2026

Design & Media

Install

Press C to copy

$ npx skillmds@latest add oslokommune/punkt-css-dev

Installs into ~/.claude/skills (or .claude/skills inside a project). Restart Claude Code to pick it up.

Download .zip

＋ Add to plugin

README badge

[![SkillMD](https://skillmd.com/badge/oslokommune/punkt-css-dev.svg)](https://skillmd.com/skills/oslokommune/punkt-css-dev)

Trust & safety

Audits pending

Not yet audited · commit bb4c489

Permissions this skill uses

Documentation only
No scripts, network access, or credentials are involved.

Works with: Claude Code Claude.ai OpenAI Codex +

File contents

Punkt CSS Development

Skill for developing component and utility styles in the Punkt design system (@oslokommune/punkt-css). Covers creating, modifying, and maintaining SCSS in /packages/css/src/scss/.

Sections

Architecture Overview
Directory Structure
Naming Conventions
Abstracts (Variables, Mixins, Functions)
Component / Element SCSS Patterns
Colors & Theming
Dark Mode
Typography
Spacing
Breakpoints & Responsive
Grid & Layout
States & Interactivity
Accessibility
Build System
Checklist: Adding Component Styles
Astro Dev / Test Pages

oslokommune/punkt-skills/tree/main/skills/punkt-css-dev commit bb4c4895e4

Frequently asked questions

npx skillmds@latest add oslokommune/punkt-css-dev