Refactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component...
npx skills add ai-mcp-garage/agent-artifacts --skill "skill-creator"
Install specific skill from multi-skill repository
# Description
Create new agent skills with proper structure, frontmatter, and progressive disclosure. Use when building a skill from scratch, initializing skill directories, validating skill structure, or packaging skills for distribution.
# SKILL.md
name: skill-creator
description: Create new agent skills with proper structure, frontmatter, and progressive disclosure. Use when building a skill from scratch, initializing skill directories, validating skill structure, or packaging skills for distribution.
Skill Creator
Create well-structured agent skills.
When This Triggers
- User wants to create a new skill
- User asks about skill structure or SKILL.md format
- User needs to validate or package an existing skill
- User is converting a workflow into a skill
Quick Start
Initialize a New Skill
python scripts/init_skill.py <skill-name> --path <output-directory>
Creates:
skill-name/
βββ SKILL.md
βββ scripts/
βββ references/
βββ assets/
Validate a Skill
python scripts/quick_validate.py <path/to/skill-folder>
Checks frontmatter, naming conventions, structure.
Package for Distribution
python scripts/package_skill.py <path/to/skill-folder> [output-directory]
Creates a .skill zip archive.
Skill Structure
skill-name/
βββ SKILL.md # Required: instructions and metadata
βββ scripts/ # Optional: executable code
βββ references/ # Optional: docs loaded as needed
βββ assets/ # Optional: files used in output
Delete directories you don't need.
Writing SKILL.md
Frontmatter (Required)
---
name: skill-name
description: What it does and WHEN to use it
---
name: hyphen-case, lowercase, max 64 charsdescription: max 1024 chars, no angle brackets
The description is how the agent decides to trigger your skill. Include:
- What the skill does
- Specific scenarios that should activate it
- File types or task types it handles
Body
Keep under 500 lines. Structure:
1. Overview (1-2 sentences)
2. When this triggers
3. Quick start / main workflow
4. Reference links for deep dives
Progressive Disclosure
Only load what's needed:
- Metadata β Always visible (~100 words)
- SKILL.md body β When triggered (<5k words)
- References β On demand (unlimited)
- Scripts β Execute without loading
When to Use Each
| Content Type | Put In |
|---|---|
| Core workflow | SKILL.md body |
| Detailed specs | references/ |
| Reusable code | scripts/ |
| Templates, images | assets/ |
Creation Process
- Understand with examples β What should this skill support?
- Plan reusable contents β What scripts, references, assets help?
- Initialize β Run
init_skill.py - Implement β Write SKILL.md, add resources
- Validate β Run
quick_validate.py - Iterate β Use it, notice struggles, improve
Common Patterns
Sequential Workflow
1. Analyze input (run analyze.py)
2. Transform (run transform.py)
3. Validate output (run validate.py)
Conditional Workflow
Determine the task type:
- **Creating new?** β Follow "Creation" section
- **Editing existing?** β Follow "Editing" section
Reference Navigation
## Advanced features
- **Forms**: See references/forms.md
- **API**: See references/api.md
Scripts
This skill includes helper scripts in scripts/:
init_skill.pyβ Initialize new skill from templatequick_validate.pyβ Validate skill structurepackage_skill.pyβ Package for distribution
See references/skill-anatomy.md for detailed specs.
# Supported AI Coding Agents
This skill is compatible with the SKILL.md standard and works with all major AI coding agents:
Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.