syncfusion-styling

Community

Master SF Fluent2 styling to prevent breaks

Authordanielnymberg
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps ensure SyncFusion Fluent2 styling is applied correctly by avoiding non-existent or misleading utility classes. It prevents layout breakages and saves debugging time when styling SF components, including layout, spacing, colors, and icons.

Core Features & Use Cases

  • Utility-class verification: Distinguishes true SyncFusion classes from non-existent ones to avoid dead or failing styles.
  • Inline styling guidance: Recommends inline styles for deterministic layouts while using SF components as structure.
  • Icon, color, and theme guidance: Verifies usage of SF Fluent2 icon names and color variables to keep visuals consistent.

Quick Start

Use this skill whenever styling SyncFusion components in your app. For example, verify that a card uses e-card with its subcomponents and apply inline spacing styles.

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: syncfusion-styling
Download link: https://github.com/danielnymberg/prio/archive/main.zip#syncfusion-styling

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