Marketplace
plugin-design
Master plugin user experience design, command workflows, and interaction patterns. Create intuitive, user-friendly plugin interfaces.
$ Installieren
git clone https://github.com/pluginagentmarketplace/custom-plugin-design-system /tmp/custom-plugin-design-system && cp -r /tmp/custom-plugin-design-system/skills/plugin-design ~/.claude/skills/custom-plugin-design-system// tip: Run this command in your terminal to install the skill
SKILL.md
name: plugin-design description: Master plugin user experience design, command workflows, and interaction patterns. Create intuitive, user-friendly plugin interfaces. sasmp_version: "1.3.0" bonded_agent: 03-plugin-designer bond_type: PRIMARY_BOND
Plugin Design
Quick Start
Design commands users will love:
# /create-plugin - Create new plugin
## What This Does
Creates a new plugin with guided setup.
## Usage
/create-plugin [name] [--type agent|command|skill]
## Example
$ /create-plugin my-plugin --type agent Creating... â Next: /design-plugin my-plugin
Command Design Principles
Clear & Discoverable
â
/create-plugin Clear action
â
/design-plugin Obvious purpose
â
/test-plugin Self-explanatory
â
/optimize-plugin What it does
Consistent Naming
Verb-noun pattern:
ââ /create-X
ââ /design-X
ââ /test-X
ââ /optimize-X
User Experience Patterns
Interactive Workflow
User Input:
/create-plugin
System Response:
1. What's your plugin name?
> my-plugin
2. Plugin type?
[1] Agent-based
[2] Command-based
[3] Skill library
> 1
3. Number of agents?
> 3
Output:
â
Plugin created
Next: /design-plugin
Progressive Disclosure
Beginner:
/create-plugin my-plugin
(simple, guided)
Intermediate:
/create-plugin my-plugin --type agent --agents 3
(more options)
Advanced:
/create-plugin --config config.json --skip-validation
(all options)
Error Message Design
User-Friendly Errors
â Bad: Invalid input
â
Good: Plugin name must be 3-50 characters, lowercase, hyphens only
â Bad: Error 500
â
Good: Plugin creation failed: skill-one not found in agents/
â Bad: Fatal error
â
Good: Missing required field 'description' in plugin.json
Interface Patterns
Success Feedback
â
Task completed
ââ What was done
ââ Where to find it
ââ What's next
Warnings
â ïž Warning: Using old syntax
ââ Recommendation: Update to new syntax
ââ Link: /help/migration-guide
Errors
â Error: Manifest invalid
ââ Issue: Missing "author" field
ââ Fix: Add "author": "Your Name"
ââ Help: /help/plugin-json
Consistency Standards
Visual Hierarchy
â
Success (green)
â ïž Warning (yellow)
â Error (red)
âčïž Info (blue)
â Action (arrow)
Message Format
[Icon] [Brief message]
ââ [Detail 1]
ââ [Detail 2]
ââ [Action or suggestion]
Navigation Design
Command Discovery
Help:
ââ /help Show all commands
ââ /help /create-plugin Help for specific command
ââ /help --agents List all agents
Related:
ââ Run: /create-plugin
ââ Then: /design-plugin
ââ Then: /test-plugin
Intelligent Suggestions
After /create-plugin:
â Suggestion: Run /design-plugin next
(natural workflow progression)
After /test-plugin:
â Suggestion: Run /optimize-plugin
(next logical step)
Accessibility Design
Clear Language
â
Simple words
â
Short sentences
â
Active voice
â
No jargon
â "Facilitate optimization"
â
"Make faster"
Visual Clarity
â
Good contrast
â
Large text
â
Clear structure
â
Readable font
Keyboard Navigation
â
All commands accessible via keyboard
â
No mouse required
â
Clear keyboard shortcuts
Feedback Mechanisms
Immediate Feedback
User types: /create
System shows: Available commands starting with 'create'
ââ /create-plugin
ââ /create-agent
ââ /create-skill
Progress Indication
Creating plugin...
â Creating folders
â
Folders created
â Writing files
â
Files written
â č Validating structure
â
Validation complete
â
Done!
Confirmation
Are you sure you want to delete my-plugin?
(This cannot be undone)
[Yes, delete] [No, cancel]
Workflow Patterns
Simple Linear
/create â /design â /test â /deploy
Branching
/test
ââ Tests pass â /deploy
ââ Tests fail â Fix issues â /test again
Exploratory
/explore-agents
ââ Agent details
ââ Related agents
Help System
Context-Sensitive Help
After error:
â Skill name invalid
đĄ Need help?
ââ Show format examples
ââ Visit docs
ââ Ask @plugin-developer
Progressive Complexity
Level 1: What does this command do?
Level 2: How do I use it?
Level 3: What options are available?
Level 4: Advanced use cases?
User Feedback Integration
Suggestions
Users often ask about:
ââ "How do I structure my plugin?"
â /design-plugin command
ââ "How do I test it?"
â /test-plugin command
Common Issues
We notice users struggle with:
ââ JSON formatting
â Add JSON validation
ââ Naming conventions
â Add clear examples
Use this skill when:
- Designing commands
- Planning workflows
- Creating help systems
- Improving user experience
- Designing error messages
Status: â Production Ready | SASMP: v1.3.0 | Bonded Agent: 03-plugin-designer
Repository

pluginagentmarketplace
Author
pluginagentmarketplace/custom-plugin-design-system/skills/plugin-design
1
Stars
0
Forks
Updated2d ago
Added1w ago