CtrlK
BlogDocsLog inGet started
Tessl Logo

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.

80

2.72x
Quality

70%

Does it follow best practices?

Impact

98%

2.72x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No known issues

Fix and improve this skill with Tessl

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

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

  1. Architecture Overview
  2. Directory Structure
  3. Naming Conventions
  4. Abstracts (Variables, Mixins, Functions)
  5. Component / Element SCSS Patterns
  6. Colors & Theming
  7. Dark Mode
  8. Typography
  9. Spacing
  10. Breakpoints & Responsive
  11. Grid & Layout
  12. States & Interactivity
  13. Accessibility
  14. Build System
  15. Checklist: Adding Component Styles
  16. Astro Dev / Test Pages
Repository
oslokommune/punkt-skills
Commit

ba01e6a

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.

Claim skill