Skills
.Work. You
Rest

simulator-styles

Official

Master CDU styling with design tokens & themes.

Design & Creative#theming#css#styling#tokens#design-system#less#smart-forms
Authorcorezoid
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Simulator styling enables consistent, scalable visual design for Smart Forms by centralizing tokens, resets, and layout patterns used across CDU apps.

Core Features & Use Cases

  • Owns the style layer (styles/ and pages/<id>/style) and reuses Smart Form tooling while focusing on visual design.
  • Defines tokens, resets, and layout conventions to rapidly theme forms, components, and pages.
  • Use cases include applying a new theme, restyling an existing CDU app, or building a formal design system for form-driven workflows.

Quick Start

Style a CDU form by editing pages/<id>/style to apply a new color theme and layout adjustments.

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: simulator-styles
Download link: https://github.com/corezoid/simulator-ai-plugin/archive/main.zip#simulator-styles

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 545,000+ vetted skills library on demand.