Skills
.Work. You
Rest

oimpresso-design

Community

Create brand-correct Oimpresso ERP UI fast.

Design & Creative#design tokens#dark mode#ui prototyping#oimpresso erp#cockpit ui#origin badges
Authorwagnerra23
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill solves the friction of building Oimpresso ERP interfaces consistently by providing the exact visual rules, tokens, and Cockpit layout requirements needed to produce on-brand UI and prototypes without guessing.

Core Features & Use Cases

  • Cockpit layout enforcement: Generates or guides layouts using the mandatory 3-column structure (260px dark sidebar | 1fr main | 320px linked apps).
  • Design tokens + theming: Applies the Oimpresso color/type system (IBM Plex Sans/Mono, accent hue, dark mode) via CSS variables and origin badges (OS/CRM/FIN/PNT/MFG).
  • Prototyping workflow: Produces HTML artifacts (mocks, throwaway prototypes, slides) and can also support production-grade UI code decisions using the provided canonic CSS and UI kit.

Quick Start

Use the skill to create a Cockpit mock for the screen "Ordens de Serviço" and follow the mandatory layout and origin badge rules.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: oimpresso-design
Download link: https://github.com/wagnerra23/oimpresso.com/archive/main.zip#oimpresso-design

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.