message-components-creator
CommunityStandardize LuminaStudio Message Components.
System Documentation
What problem does it solve?
LuminaStudio's chat message components lack a consistent naming convention and centralized debugging workflow, making refactors risky and slow. This Skill enforces a uniform MessageComponents-* namespace, separates component-specific UI state into dedicated stores, and wires per-component mocks and DevPage-based debugging for seamless iteration.
Core Features & Use Cases
- Enforce the MessageComponents-* naming convention for all new and refactored components.
- Split component-specific UI state into dedicated stores under chat-message-store to reduce coupling.
- Add per-component mock demonstrations under chat-message-mock to enable isolated testing.
- Enable DevPage registry-based debugging so new components are automatically discoverable and debuggable.
Quick Start
Follow the naming convention MessageComponents-<Name>, create a corresponding mock under chat-message-mock, and rely on DevPage to auto-discover and render the debugging entry.
Dependency Matrix
Required Modules
None requiredComponents
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: message-components-creator Download link: https://github.com/zhaowendao2005/HNULS-LuminaStudio/archive/main.zip#message-components-creator 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 223,000+ vetted skills library on demand.