mufy-style-generator

Community

Generate pure CSS visual styles for MUFY cards

Authorwillmusubi
Version1.0.0
Installs0

System Documentation

What problem does it solve?

MUFY style generator addresses the need to customize the visual appearance of MUFY character cards by producing pure CSS rules. It ensures non-intrusive styling that can be pasted into the MUFY editor to alter visuals without changing underlying functionality.

Core Features & Use Cases

  • Generate pure CSS code for top bars, chat bubbles, buttons, collapsible sections, intro cards, and backgrounds according to natural-language prompts.
  • Apply theme variations (color schemes, typography, shadows) to match branding or mood without touching interactivity.
  • Use case: a designer wants a warm, modern MUFY card with soft shadows and a blue header; paste the CSS into the small theatre and preview live.

Quick Start

Describe your visual preferences in natural language and paste the resulting CSS into MUFY's 小剧场 input to apply styling.

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: mufy-style-generator
Download link: https://github.com/willmusubi/character_card_generator/archive/main.zip#mufy-style-generator

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.