# Punkt React Dev

> Developing React components in the Punkt design system (@oslokommune/punkt-react). Covers creating, modifying, and testing components in /packages/react/src/components/. Use when working on Punkt React source code.

- Skill: `oslokommune/punkt-react-dev` (Agent Skill, multi-file: 15 files)
- Install (CLI): `npx skillmds@latest add oslokommune/punkt-react-dev`
- Raw SKILL.md: https://api.skillmd.com/api/skills/oslokommune/punkt-react-dev/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: oslokommune (https://skillmd.com/u/oslokommune)
- Updated: 2026-09-10
- Page: https://skillmd.com/skills/oslokommune/punkt-react-dev

---


# Punkt React Development

Skill for developing React components in the Punkt design system (`@oslokommune/punkt-react`). Covers creating, modifying, and testing components in `/packages/react/src/components/`.

## Sections

1. [Architecture Overview](architecture-overview.md)
2. [Component Specs](component-specs.md)
3. [File Structure](file-structure.md)
4. [Component Implementation Rules](component-implementation-rules.md)
5. [CSS / Styling](css-styling.md)
6. [TypeScript](typescript.md)
7. [UI Strings](strings.md)
8. [Testing](testing.md)
9. [ESLint](eslint.md)
10. [Hooks (shared utilities)](hooks.md)
11. [Compound Components](compound-components.md)
12. [Dev Pages](dev-pages.md)
13. [Checklist: Adding a New Component](checklist-new-component.md)
14. [Build & Dev Commands](build-dev-commands.md)