Complete collection of AI agent skills including: - Frontend Development (Vue, React, Next.js, Three.js) - Backend Development (NestJS, FastAPI, Node.js) - Mobile Development (React Native, Expo) - Testing (E2E, frontend, webapp) - DevOps (GitHub Actions, CI/CD) - Marketing (SEO, copywriting, analytics) - Security (binary analysis, vulnerability scanning) - And many more... Synchronized from: https://skills.sh/ Co-Authored-By: Claude <noreply@anthropic.com>
4.6 KiB
4.6 KiB
Always-Use-Superpowers Integration Guide
✅ What Was Fixed
Problem:
The original always-use-superpowers skill referenced non-existent superpowers:* skills:
superpowers:using-superpowers❌superpowers:brainstorming❌superpowers:systematic-debugging❌- etc.
Solution:
Rewrote the skill to work with your actually available skills:
- ✅
ui-ux-pro-max- UI/UX design intelligence - ✅
cognitive-planner- Task planning and strategy - ✅
cognitive-context- Context awareness - ✅
cognitive-safety- Security and safety
🎯 How It Works Now
Automatic Skill Selection Flow:
User sends ANY message
↓
Check: Is this UI/UX work?
↓ YES → Invoke ui-ux-pro-max
↓ NO
Check: Is this planning/strategy?
↓ YES → Invoke cognitive-planner
↓ NO
Check: Is this context/analysis needed?
↓ YES → Invoke cognitive-context
↓ NO
Check: Any security/safety concerns?
↓ YES → Invoke cognitive-safety
↓ NO
Proceed with task
Quick Reference Table:
| Situation | Skill to Invoke | Priority |
|---|---|---|
| UI/UX design, HTML/CSS, visual work | ui-ux-pro-max |
HIGH |
| Planning, strategy, implementation | cognitive-planner |
HIGH |
| Understanding code, context, analysis | cognitive-context |
HIGH |
| Security, validation, error handling | cognitive-safety |
CRITICAL |
| Any design work | ui-ux-pro-max |
HIGH |
| Any frontend work | ui-ux-pro-max |
HIGH |
| Any database changes | cognitive-safety |
CRITICAL |
| Any user input handling | cognitive-safety |
CRITICAL |
| Any API endpoints | cognitive-safety |
CRITICAL |
| Complex multi-step tasks | cognitive-planner |
HIGH |
| Code analysis/reviews | cognitive-context |
HIGH |
📝 Usage Examples
Example 1: UI/UX Work
User: "Make the button look better"
Claude automatically:
1. ✅ Recognizes: UI/UX work
2. ✅ Invokes: ui-ux-pro-max
3. ✅ Follows: Design guidelines (accessibility, interactions, styling)
4. ✅ Result: Professional, accessible button
Example 2: Feature Implementation
User: "Implement user authentication"
Claude automatically:
1. ✅ Recognizes: Planning work → Invokes cognitive-planner
2. ✅ Recognizes: UI affected → Invokes ui-ux-pro-max
3. ✅ Recognizes: Context needed → Invokes cognitive-context
4. ✅ Recognizes: Security critical → Invokes cognitive-safety
5. ✅ Follows: All skill guidance
6. ✅ Result: Secure, planned, well-designed auth system
Example 3: Security Concern
User: "Update database credentials"
Claude automatically:
1. ✅ Recognizes: Security concern
2. ✅ Invokes: cognitive-safety
3. ✅ Follows: Security guidelines
4. ✅ Result: Safe credential updates
Example 4: Code Analysis
User: "What does this code do?"
Claude automatically:
1. ✅ Recognizes: Context needed
2. ✅ Invokes: cognitive-context
3. ✅ Follows: Context guidance
4. ✅ Result: Accurate analysis with proper context
🔧 How to Manually Invoke Skills
If automatic invocation doesn't work, you can manually invoke:
Skill: ui-ux-pro-max
Skill: cognitive-planner
Skill: cognitive-context
Skill: cognitive-safety
⚙️ Configuration Files
Main Skill:
/home/uroma/.claude/skills/always-use-superpowers/SKILL.md
Available Skills:
/home/uroma/.claude/skills/ui-ux-pro-max/SKILL.md/home/uroma/.claude/skills/cognitive-planner/SKILL.md/home/uroma/.claude/skills/cognitive-context/SKILL.md/home/uroma/.claude/skills/cognitive-safety/SKILL.md
✨ Key Improvements
- No More Broken References: Removed all
superpowers:*references - Works With Available Skills: Integrates with your actual skill set
- Clear Decision Tree: Easy-to-follow flowchart for skill selection
- Quick Reference Table: Fast lookup for when to use each skill
- Real Examples: Practical usage scenarios
- Priority System: CRITICAL vs HIGH priority guidance
🚀 Next Steps
The skill is now ready to use. It will automatically:
- Detect which skills apply to your request
- Invoke them before taking action
- Follow their guidance precisely
- Provide better, more informed responses
📊 Testing
To test if it's working:
- Ask a UI/UX question → Should invoke
ui-ux-pro-max - Ask for planning → Should invoke
cognitive-planner - Ask about code → Should invoke
cognitive-context - Ask about security → Should invoke
cognitive-safety
Status: ✅ Fully Integrated and Ready to Use