mui-styling
CommunityMaster Material-UI with cyberpunk flair.
Authorkomluk
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill ensures consistent and aesthetically pleasing styling of React components using Material-UI, adhering to project-specific themes and best practices.
Core Features & Use Cases
- Themed Styling: Applies Material-UI styling with a neon cyberpunk theme.
- Responsive Design: Implements responsive layouts across various breakpoints.
- Component Styling: Provides standards for buttons, cards, forms, and typography.
- Use Case: When developing a new React component, use this Skill to ensure its styling aligns with the project's neon cyberpunk theme, using the
sxprop and predefined color tokens for consistency.
Quick Start
Apply the sx prop to style the Box component with the primaryButton style from the componentStyles object.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: mui-styling Download link: https://github.com/komluk/scaffolding.template/archive/main.zip#mui-styling Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.