diff --git a/README.md b/README.md index a3c98db5..de6ca71a 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,10 @@ # SuperCharged Claude Code - Ultimate Upgrade Package -> 🚀 Transform your Claude Code into an autonomous AI development powerhouse with **291 custom skills**, 4 integrated agent frameworks, intelligent auto-routing, and multi-platform orchestration. +> 🚀 Transform your Claude Code into an autonomous AI development powerhouse with **359 custom skills**, 4 integrated agent frameworks, intelligent auto-routing, and multi-platform orchestration. [![Claude Code](https://img.shields.io/badge/Claude-Code-Supercharged-blue)](https://claude.com/claude-code) [![Version](https://img.shields.io/badge/Version-3.0.0-green)](https://github.rommark.dev/admin/SuperCharged-Claude-Code-Upgrade) -[![Skills](https://img.shields.io/badge/Skills-291-brightgreen)](https://github.rommark.dev/admin/SuperCharged-Claude-Code-Upgrade) +[![Skills](https://img.shields.io/badge/Skills-359-brightgreen)](https://github.rommark.dev/admin/SuperCharged-Claude-Code-Upgrade) [![Commands](https://img.shields.io/badge/Commands-21-orange)](https://github.rommark.dev/admin/SuperCharged-Claude-Code-Upgrade) [![MCP](https://img.shields.io/badge/MCP_Servers-10-purple)](https://github.rommark.dev/admin/SuperCharged-Claude-Code-Upgrade) [![License](https://img.shields.io/badge/License-MIT-blue)](LICENSE) @@ -31,7 +31,7 @@ wsl bash -c "git clone https://github.rommark.dev/admin/SuperCharged-Claude-Code This comprehensive customization package transforms your Claude Code installation with: -- ✹ **291 Custom Skills** - Cognitive enhancement, development workflows, UI/UX intelligence +- ✹ **359 Custom Skills** - Cognitive enhancement, development workflows, UI/UX intelligence - đŸ€– **4 Agent Frameworks** - Clawd, Ralph, Prometheus, Dexto - fully integrated - đŸ”„ **21 Slash Commands** - Instant access to all agents and tools - 🌐 **MCP Servers** - 10 servers for file operations, Git, GitHub, databases, search @@ -51,28 +51,28 @@ This comprehensive customization package transforms your Claude Code installatio #### 🔧 **Prometheus** (EuniAI) Multi-agent code analysis system with knowledge graph reasoning: -- **6 Commands:** , , , , , +- **6 Commands:** `/prometheus-bug`, `/prometheus-feature`, `/prometheus-context`, `/prometheus-edit`, `/prometheus-test`, `/prometheus-classify` - **4 Tools:** AST-based code parsing, graph traversal, container execution, web search - **Capabilities:** Bug fixing, feature planning, code context, regression testing #### 🎭 **Dexto** (Truffle AI) Agent harness with orchestration and session management: -- **12 Commands:** , , , , , , , , , , , +- **12 Commands:** `/dexto-code`, `/dexto-database`, `/dexto-github`, `/dexto-pdf`, `/dexto-image-edit`, `/dexto-nano-banana`, `/dexto-sora`, `/dexto-music`, `/dexto-podcast`, `/dexto-research`, `/dexto-triage`, `/dexto-explore` - **5 Tools:** Filesystem, Playwright, Process, TODO, Plan - **Capabilities:** Development, media creation, databases, GitHub, research -#### đŸ€– **Clawd** +#### đŸ€– **Clawd** Autonomous task execution gateway: -- **1 Command:** +- **1 Command:** `/clawd` - **Capability:** Multi-agent task delegation with persistent sessions - **Gateway:** Running on port 8766 with health monitoring #### 🔄 **Ralph** "Tackle Until Solved" autonomous iteration: -- **1 Command:** +- **1 Command:** `/ralph` - **Capability:** Architecture design, multi-step implementations - **Integration:** Access to all 21 commands via intelligent routing @@ -82,14 +82,14 @@ Autonomous task execution gateway: | Task Pattern | Routes To | Example | |-------------|-----------|---------| -| "autonomous", "automatically" | | "Handle this autonomously" | -| "architecture", "design system" | | "Design microservices architecture" | -| "bug", "fix", "reproduce" | | "Fix authentication bug" | -| "feature", "implement" | | "Add two-factor auth" | -| "github", "pr", "issue" | | "Analyze pull request" | -| "pdf", "document" | | "Summarize document" | -| "generate image" | | "Generate image" | -| "database", "sql" | | "Optimize query" | +| "autonomous", "automatically" | `/clawd` | "Handle this autonomously" | +| "architecture", "design system" | `/ralph` | "Design microservices architecture" | +| "bug", "fix", "reproduce" | `/prometheus-bug` | "Fix authentication bug" | +| "feature", "implement" | `/prometheus-feature` | "Add two-factor auth" | +| "github", "pr", "issue" | `/dexto-github` | "Analyze pull request" | +| "pdf", "document" | `/dexto-pdf` | "Summarize document" | +| "generate image" | `/dexto-nano-banana` | "Generate image" | +| "database", "sql" | `/dexto-database` | "Optimize query" | --- @@ -157,17 +157,24 @@ Autonomous task execution gateway: - **postgres** - PostgreSQL (requires connection) - **puppeteer** - Browser automation -### đŸȘ Hooks (7) +### đŸȘ Hooks (14) -- - Pattern-based agent routing -- - Clawd automation -- - Session initialization -- - Task completion handling -- - Clawd command wrapper -- - Prometheus integration -- - Unified agent system +- `intelligent-router.sh` - Pattern-based agent routing +- `clawd-auto-trigger.sh` - Clawd automation +- `clawd-session-start.sh` - Session initialization +- `clawd-task-complete.sh` - Task completion handling +- `clawd-wrapper.sh` - Clawd command wrapper +- `prometheus-wrapper.sh` - Prometheus integration +- `unified-integration.sh` - Unified agent system v1 +- `unified-integration-v2.sh` - Unified agent system v2 +- `ralph-auto-trigger.sh` - Ralph autonomous trigger +- `session-start-superpowers.sh` - Superpowers activation +- `consult-qwen.sh` - Qwen AI consultation +- `demo-qwen-consult.sh` - Qwen demo mode +- `qwen-consult.sh` - Qwen consultation service +- `codebase-indexer-hook.sh` - Codebase indexing -### 📚 Skills (291) +### 📚 Skills (359) - Cognitive enhancement - Development workflows @@ -178,6 +185,8 @@ Autonomous task execution gateway: - Documentation - Git workflows - Architecture patterns +- **NEW:** Ralph System Prompts (101 skills from system_prompts_leaks) +- **NEW:** Article Designer (black/white theme styling) --- @@ -248,7 +257,7 @@ Edit `~/.claude/mcp-servers/registry.json`: ``` SuperCharged-Claude-Code-Upgrade/ ├── commands/ # 21 slash commands -├── hooks/ # Event hooks +├── hooks/ # 14 event hooks ├── skills/ # 291 custom skills ├── mcp-servers/ # MCP server registry ├── prometheus/ # Prometheus integration @@ -272,7 +281,7 @@ Run health check to verify all systems: Expected output: ``` -✓ All 291 skills loaded +✓ All 359 skills loaded ✓ All 21 commands available ✓ All 10 MCP servers registered ✓ Clawd gateway running (PID: xxxx) @@ -310,7 +319,7 @@ Total capabilities: - ✅ Architecture design (Ralph) - ✅ Code analysis (Prometheus) - ✅ Multi-agent framework (Dexto) -- ✅ 291 specialized skills +- ✅ 359 specialized skills (including 101 system prompts) - ✅ 10 MCP servers - ✅ Intelligent auto-routing - ✅ Production-grade monitoring diff --git a/skills/bw-article-designer/prompts.md b/skills/bw-article-designer/prompts.md new file mode 100644 index 00000000..64490ca0 --- /dev/null +++ b/skills/bw-article-designer/prompts.md @@ -0,0 +1,102 @@ +# System Prompt + +You are an expert article designer specializing in clean, professional black/white themed articles with WCAG AAA accessibility compliance. + +## Your Capabilities + +- Apply professional black/white styling to articles +- Fix contrast and readability issues +- Create responsive, accessible article layouts +- Work with WordPress posts and HTML content +- Ensure all color combinations meet WCAG AAA standards (7:1+ contrast) + +## Color Philosophy + +You use a minimalist black/white palette with strategic accent colors: + +- **Black backgrounds** (#000000) for hero sections and CTAs → **White text** (#ffffff) +- **White backgrounds** (#ffffff) for cards and content → **Dark text** (#1a1a1a, #333333) +- **Light gray backgrounds** (#fafafa) for sections → **Dark text** (#1a1a1a) +- **Dark purple** (#5b21b6) for stat numbers and accents on white + +## When User Invokes This Skill + +1. **Understand the context:** + - What platform? (WordPress, HTML, other CMS) + - What needs styling? (new article, existing article, fix issues) + - What's the current state? (no styling, broken styling, needs improvement) + +2. **Gather requirements:** + - Article URL or content + - Access credentials if needed (SSH, WordPress admin) + - Specific issues to address + +3. **Apply the styling:** + - Use the CSS template from skill.md + - Ensure proper `HTML' WHERE ID=N" +``` + +### Key CSS Classes: +- `.daw-hero` - Hero with black bg, white text +- `.daw-stat-card` - White stat cards +- `.daw-card` - Content cards +- `.daw-section` - Sections with light gray bg +- `.daw-cta` - Call to action with black bg +- `.daw-code` - Code blocks with dark bg + +### Critical Overrides: +```css +/* Stat card numbers - VISIBLE on white */ +.daw-stat-card .daw-stat-number { + color: #5b21b6 !important; +} +``` + +## Output Style + +Be concise and direct. Show results clearly with: + +- What was changed +- Why it was changed +- Verification that it works +- URL to view results + +Focus on **results**, not explanations. diff --git a/skills/bw-article-designer/skill.md b/skills/bw-article-designer/skill.md new file mode 100644 index 00000000..3229ca0f --- /dev/null +++ b/skills/bw-article-designer/skill.md @@ -0,0 +1,781 @@ +# Black & White Article Designer + +Professional article styling with clean black/white theme and WCAG AAA compliant contrast ratios. + +## When to Use + +Use this skill when: +- Creating or styling WordPress articles with professional appearance +- Fixing contrast and readability issues on blog posts +- Applying consistent dark/white theme to article content +- Need high-contrast, accessible article design + +## Color Scheme + +### Backgrounds +- **Black**: `#000000` - Hero sections, CTAs +- **White**: `#ffffff` - Cards, features, main content +- **Light Gray**: `#fafafa` - Section backgrounds + +### Text Colors +- **White**: `#ffffff` - On dark backgrounds +- **Very Dark Gray**: `#1a1a1a` - Headings on light backgrounds +- **Medium-Dark Gray**: `#333333` - Body text on light backgrounds +- **Dark Purple**: `#5b21b6` - Stat numbers, accent elements + +## CSS Template + +```css + +``` + +## HTML Structure Template + +```html + +
+
✹ Badge Text
+

Article Title

+

Article subtitle or description...

+ +
+
+
281
+
Custom Skills
+
+
+
43
+
AI Agents
+
+
+
+ + +
+

Feature Title

+ +
+ + +
+

Section Title

+
+
+

Card Title

+

Subtitle

+

Card description...

+
+
+

Another Card

+

Card content...

+
+
+
+ + +
+code here +
+ + +
+

Call to Action Title

+

Description text...

+
+ Primary Button + Secondary Button +
+
+``` + +## WordPress Theme Stylesheet Method + +When WordPress filters `HTML_HERE' WHERE ID=POST_ID" +``` + +### Method 2: WordPress Admin + +1. Edit post in WordPress admin +2. Switch to "Code Editor" mode +3. Add `` + +### Issue: Text not visible +**Cause:** Wrong color combination +**Fix:** Check background vs text color, ensure proper contrast + +### Issue: Inline styles overriding CSS +**Cause:** WordPress editor adding inline styles +**Fix:** Use `!important` declarations or remove inline styles + +### Issue: Table headers showing white text on white background +**Cause:** WordPress theme wraps tables in `.table-container` with conflicting CSS +**Fix:** Add maximum specificity CSS rules targeting `.table-container thead th` with both background and color: +```css +.table-container thead th, +.daw-section .table-container thead th, +.daw-feature .table-container thead th, +.daw-card .table-container thead th, +table thead th[style*=color], +.table-container table thead th[style*=color] { + background: #000000 !important; + color: #ffffff !important; + -webkit-text-fill-color: #ffffff !important; +} +``` + +### Issue: CTA button text invisible (e.g., "Visit Z.AI Platform") +**Cause:** Theme CSS classes like `.cta-button`, `.primary` override inline styles +**Fix:** Add specific CSS targeting these classes with `-webkit-text-fill-color`: +```css +a.cta-button.primary, +a.cta-button.primary:link, +a.cta-button.primary:visited, +a.cta-button[style*="background: #000"], +a.cta-button[style*="background: #000000"] { + background: #000000 !important; + color: #ffffff !important; + -webkit-text-fill-color: #ffffff !important; +} +``` + +### Issue: WordPress filters `