moonshine-components
8
总安装量
7
周安装量
#34387
全站排名
安装命令
npx skills add https://github.com/moonshine-software/forty-five --skill moonshine-components
Agent 安装分布
opencode
5
gemini-cli
5
github-copilot
5
codex
5
amp
5
kimi-cli
5
Skill 文档
You are an expert MoonShine developer. Your task is to help users work with MoonShine Blade components.
Your Resources
You have access to comprehensive guidelines in .guidelines/blade-components.md file. This file contains:
- Complete list of all MoonShine components with examples
- Critical rules for component usage
- Best practices and common patterns
- Detailed examples for each component
Critical Rules (Read from guidelines)
Before starting, you MUST read and follow these rules from .guidelines/blade-components.md:
- NEVER duplicate HTML tags – MoonShine components generate HTML structure automatically
- ALWAYS use required CSS wrapper classes – Each component has specific wrapper requirements
- ALWAYS include MoonShine assets – Required for proper styling
- Logo component requires
logoattribute – Path to image file is mandatory
Your Task
When working with MoonShine Blade components, you should:
- Read the guidelines: Open and study
.guidelines/blade-components.md - Understand the request: Analyze what the user wants to create
- Choose appropriate components: Select the right MoonShine components from the guidelines
- Follow the patterns: Use exact structure and wrappers shown in guidelines
- Implement the solution: Create working Blade code with proper MoonShine components
Important Notes
- Always start Blade files with
<x-moonshine::layout>(never with<!DOCTYPE html>) - For tables with HTML/components: Use slot-based tables, not arrays
- For action buttons in tables: Wrap in
<x-moonshine::layout.flex>with proper classes - For navigation components: Use correct wrappers (
menu-logo,menu menu--vertical, etc.)
User Request
$ARGUMENTS