Develop SCSS styles for the Punkt design system within /packages/css/src/scss/.
npx skills add https://github.com/oslokommune/punkt-skills --skill punkt-css-dev
Please help me install this Agent Skill. Skill: punkt-css-dev Source: https://github.com/oslokommune/punkt-skills/tree/main/skills/punkt-css-dev Command: npx skills add https://github.com/oslokommune/punkt-skills --skill punkt-css-dev
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.
High-intent search queries and answers about installing and using this skill.
Standardize SCSS development by enforcing Sass module conventions like @use and @forward, utilizing named variables and private caches, and applying consistent typography utilities, color tokens, and responsive breakpoints across all design system components.
Apply responsive breakpoints to frontend design system components by using the standardized bp() utility function within your SCSS source, ensuring consistent layout adaptations across mobile and desktop views.
Manage dark mode color tokens in a design system by centralizing them as named variables within your SCSS architecture, ensuring components reference these tokens directly to support seamless theme switching.
Yes, you can use this workflow for maintaining existing SCSS components and utilities, as it covers creating, modifying, and standardizing styles across abstractions and elements within the design system source directory.
Your design system build pipeline may fail when adding new SCSS abstractions if they do not conform to project conventions like proper Sass module imports using @use/@forward or correct private cache variable naming.
baicieManage Node.js dependencies and monorepo workspaces using pnpm.
Stack-and-FlowConfigure npm package exports and Vite library builds for per-component tree-shaking.
DinudaGuide frontend component creation with Paperclip UI design tokens and patterns.
Software-Design-ClubEnforce consistent CSS methodologies and design tokens across stylesheets.
