From f8e39059d08ffe29a1c758eda2736a331812cf5f Mon Sep 17 00:00:00 2001 From: uroma Date: Wed, 28 Jan 2026 08:37:14 +0000 Subject: [PATCH] Fix README and add missing skills - Fixed missing command names in README (Prometheus 6 commands, Dexto 12 commands) - Fixed hooks section with all 14 hook names listed - Added bw-article-designer skill (article styling with black/white theme) - Added ralph-system-prompts skill collection (101 system prompts from system_prompts_leaks) - Updated skill count from 291 to 359 - Updated badges and documentation Co-Authored-By: Claude --- README.md | 65 +- skills/bw-article-designer/prompts.md | 102 + skills/bw-article-designer/skill.md | 781 +++++ skills/ralph-system-prompts/README.md | 157 + .../anthropic-calude_code_cli_tools/skill.md | 1432 +++++++++ .../skill.md | 1145 +++++++ .../skill.md | 1305 ++++++++ .../skill.md | 724 +++++ .../skill.md | 1342 ++++++++ .../anthropic-claude-4-5-sonnet/skill.md | 2788 +++++++++++++++++ .../anthropic-claude-ai-injections/skill.md | 58 + .../skill.md | 346 ++ .../anthropic-claude-code-2025-11-1/skill.md | 174 + .../anthropic-claude-code-plan-mode/skill.md | 45 + .../anthropic-claude-code/skill.md | 702 +++++ .../anthropic-claude-in-chrome/skill.md | 693 ++++ .../anthropic-claude-sonnet-4/skill.md | 689 ++++ .../anthropic-claude/skill.md | 1144 +++++++ .../anthropic-claude_works/skill.md | 2317 ++++++++++++++ .../anthropic-docx/skill.md | 211 ++ .../anthropic-end-conversation-tool/skill.md | 61 + .../anthropic-past_chats_tools/skill.md | 212 ++ .../anthropic-pdf/skill.md | 333 ++ .../anthropic-pptx/skill.md | 451 +++ .../anthropic-xlsx/skill.md | 323 ++ .../google-gemini-2-0-flash-webapp/skill.md | 75 + .../skill.md | 69 + .../skill.md | 153 + .../google-gemini-2-5-pro-webapp/skill.md | 69 + .../google-gemini-3-flash/skill.md | 89 + .../google-gemini-3-pro/skill.md | 230 ++ .../google-gemini-cli-system-prompt/skill.md | 211 ++ .../google-gemini-diffusion/skill.md | 96 + .../google-gemini-workspace/skill.md | 204 ++ .../google-google-ai-studios/skill.md | 103 + .../google-notebooklm-chat/skill.md | 79 + .../ralph-system-prompts/misc-confer/skill.md | 140 + .../misc-fellou-browser/skill.md | 311 ++ .../misc-kagi-assistant/skill.md | 125 + .../misc-le-chat/skill.md | 387 +++ .../misc-notion-ai/skill.md | 582 ++++ .../misc-raycast-ai/skill.md | 63 + .../misc-sesame-ai-maya/skill.md | 185 ++ .../misc-warp-2-0-agent/skill.md | 140 + .../skill.md | 81 + .../openai-chatgpt-4o-mini/skill.md | 100 + .../openai-chatgpt-atlas/skill.md | 79 + .../openai-chatgpt-com-o4-mini/skill.md | 331 ++ .../skill.md | 354 +++ .../openai-codex-cli/skill.md | 455 +++ .../openai-codex/skill.md | 112 + .../openai-gpt-4-1-mini/skill.md | 94 + .../openai-gpt-4-1/skill.md | 205 ++ .../openai-gpt-4-5/skill.md | 179 ++ .../skill.md | 45 + .../openai-gpt-4o-legacy-voice-mode/skill.md | 102 + .../openai-gpt-4o-whatsapp/skill.md | 64 + .../openai-gpt-4o/skill.md | 215 ++ .../openai-gpt-5-1-candid/skill.md | 43 + .../openai-gpt-5-1-cynical/skill.md | 51 + .../openai-gpt-5-1-default/skill.md | 44 + .../openai-gpt-5-1-efficient/skill.md | 42 + .../openai-gpt-5-1-friendly/skill.md | 41 + .../openai-gpt-5-1-nerdy/skill.md | 57 + .../openai-gpt-5-1-professional/skill.md | 42 + .../openai-gpt-5-1-quirky/skill.md | 42 + .../openai-gpt-5-2-thinking/skill.md | 1352 ++++++++ .../openai-gpt-5-cynic-personality/skill.md | 52 + .../skill.md | 52 + .../openai-gpt-5-nerdy-personality/skill.md | 52 + .../skill.md | 52 + .../openai-gpt-5-robot-personality/skill.md | 48 + .../openai-gpt-5-thinking/skill.md | 1211 +++++++ .../openai-image-safety-policies/skill.md | 59 + .../openai-o3-high-api/skill.md | 47 + .../openai-o3-low-api/skill.md | 47 + .../openai-o3-medium-api/skill.md | 47 + .../ralph-system-prompts/openai-o3/skill.md | 403 +++ .../openai-o4-mini-high/skill.md | 47 + .../openai-o4-mini-low-api/skill.md | 47 + .../openai-o4-mini-medium-api/skill.md | 47 + .../openai-o4-mini/skill.md | 362 +++ .../openai-prompt-automation-context/skill.md | 59 + .../skill.md | 45 + .../openai-study-and-learn/skill.md | 60 + .../openai-tool-advanced-memory/skill.md | 256 ++ .../openai-tool-canvas-canmore/skill.md | 99 + .../skill.md | 56 + .../openai-tool-deep-research/skill.md | 45 + .../openai-tool-file_search/skill.md | 113 + .../openai-tool-memory-bio/skill.md | 38 + .../openai-tool-python-code/skill.md | 43 + .../openai-tool-python/skill.md | 43 + .../openai-tool-web-search/skill.md | 50 + .../skill.md | 413 +++ .../perplexity-voice-assistant/skill.md | 79 + .../ralph-system-prompts/proton-luma/skill.md | 194 ++ .../proton-lumo-2025-8-26/skill.md | 268 ++ .../ralph-system-prompts/xai-grok-3/skill.md | 80 + .../xai-grok-4-1-beta/skill.md | 225 ++ .../ralph-system-prompts/xai-grok-4/skill.md | 203 ++ .../skill.md | 318 ++ .../xai-grok-personas/skill.md | 275 ++ 103 files changed, 30548 insertions(+), 28 deletions(-) create mode 100644 skills/bw-article-designer/prompts.md create mode 100644 skills/bw-article-designer/skill.md create mode 100644 skills/ralph-system-prompts/README.md create mode 100644 skills/ralph-system-prompts/anthropic-calude_code_cli_tools/skill.md create mode 100644 skills/ralph-system-prompts/anthropic-claude-3-7-full-system-message-with-all-tools/skill.md create mode 100644 skills/ralph-system-prompts/anthropic-claude-3-7-sonnet-full-system-message-humanreadable/skill.md create mode 100644 skills/ralph-system-prompts/anthropic-claude-3-7-sonnet-w-tools/skill.md create mode 100644 skills/ralph-system-prompts/anthropic-claude-4-1-opus-thinking/skill.md create mode 100644 skills/ralph-system-prompts/anthropic-claude-4-5-sonnet/skill.md create mode 100644 skills/ralph-system-prompts/anthropic-claude-ai-injections/skill.md create mode 100644 skills/ralph-system-prompts/anthropic-claude-ai-memory-system/skill.md create mode 100644 skills/ralph-system-prompts/anthropic-claude-code-2025-11-1/skill.md create mode 100644 skills/ralph-system-prompts/anthropic-claude-code-plan-mode/skill.md create mode 100644 skills/ralph-system-prompts/anthropic-claude-code/skill.md create mode 100644 skills/ralph-system-prompts/anthropic-claude-in-chrome/skill.md create mode 100644 skills/ralph-system-prompts/anthropic-claude-sonnet-4/skill.md create mode 100644 skills/ralph-system-prompts/anthropic-claude/skill.md create mode 100644 skills/ralph-system-prompts/anthropic-claude_works/skill.md create mode 100644 skills/ralph-system-prompts/anthropic-docx/skill.md create mode 100644 skills/ralph-system-prompts/anthropic-end-conversation-tool/skill.md create mode 100644 skills/ralph-system-prompts/anthropic-past_chats_tools/skill.md create mode 100644 skills/ralph-system-prompts/anthropic-pdf/skill.md create mode 100644 skills/ralph-system-prompts/anthropic-pptx/skill.md create mode 100644 skills/ralph-system-prompts/anthropic-xlsx/skill.md create mode 100644 skills/ralph-system-prompts/google-gemini-2-0-flash-webapp/skill.md create mode 100644 skills/ralph-system-prompts/google-gemini-2-5-flash-image-preview/skill.md create mode 100644 skills/ralph-system-prompts/google-gemini-2-5-pro-guided-learning/skill.md create mode 100644 skills/ralph-system-prompts/google-gemini-2-5-pro-webapp/skill.md create mode 100644 skills/ralph-system-prompts/google-gemini-3-flash/skill.md create mode 100644 skills/ralph-system-prompts/google-gemini-3-pro/skill.md create mode 100644 skills/ralph-system-prompts/google-gemini-cli-system-prompt/skill.md create mode 100644 skills/ralph-system-prompts/google-gemini-diffusion/skill.md create mode 100644 skills/ralph-system-prompts/google-gemini-workspace/skill.md create mode 100644 skills/ralph-system-prompts/google-google-ai-studios/skill.md create mode 100644 skills/ralph-system-prompts/google-notebooklm-chat/skill.md create mode 100644 skills/ralph-system-prompts/misc-confer/skill.md create mode 100644 skills/ralph-system-prompts/misc-fellou-browser/skill.md create mode 100644 skills/ralph-system-prompts/misc-kagi-assistant/skill.md create mode 100644 skills/ralph-system-prompts/misc-le-chat/skill.md create mode 100644 skills/ralph-system-prompts/misc-notion-ai/skill.md create mode 100644 skills/ralph-system-prompts/misc-raycast-ai/skill.md create mode 100644 skills/ralph-system-prompts/misc-sesame-ai-maya/skill.md create mode 100644 skills/ralph-system-prompts/misc-warp-2-0-agent/skill.md create mode 100644 skills/ralph-system-prompts/openai-4o-2025-09-03-new-personality/skill.md create mode 100644 skills/ralph-system-prompts/openai-chatgpt-4o-mini/skill.md create mode 100644 skills/ralph-system-prompts/openai-chatgpt-atlas/skill.md create mode 100644 skills/ralph-system-prompts/openai-chatgpt-com-o4-mini/skill.md create mode 100644 skills/ralph-system-prompts/openai-chatgpt-gpt-5-agent-mode-system-prompt/skill.md create mode 100644 skills/ralph-system-prompts/openai-codex-cli/skill.md create mode 100644 skills/ralph-system-prompts/openai-codex/skill.md create mode 100644 skills/ralph-system-prompts/openai-gpt-4-1-mini/skill.md create mode 100644 skills/ralph-system-prompts/openai-gpt-4-1/skill.md create mode 100644 skills/ralph-system-prompts/openai-gpt-4-5/skill.md create mode 100644 skills/ralph-system-prompts/openai-gpt-4o-advanced-voice-mode/skill.md create mode 100644 skills/ralph-system-prompts/openai-gpt-4o-legacy-voice-mode/skill.md create mode 100644 skills/ralph-system-prompts/openai-gpt-4o-whatsapp/skill.md create mode 100644 skills/ralph-system-prompts/openai-gpt-4o/skill.md create mode 100644 skills/ralph-system-prompts/openai-gpt-5-1-candid/skill.md create mode 100644 skills/ralph-system-prompts/openai-gpt-5-1-cynical/skill.md create mode 100644 skills/ralph-system-prompts/openai-gpt-5-1-default/skill.md create mode 100644 skills/ralph-system-prompts/openai-gpt-5-1-efficient/skill.md create mode 100644 skills/ralph-system-prompts/openai-gpt-5-1-friendly/skill.md create mode 100644 skills/ralph-system-prompts/openai-gpt-5-1-nerdy/skill.md create mode 100644 skills/ralph-system-prompts/openai-gpt-5-1-professional/skill.md create mode 100644 skills/ralph-system-prompts/openai-gpt-5-1-quirky/skill.md create mode 100644 skills/ralph-system-prompts/openai-gpt-5-2-thinking/skill.md create mode 100644 skills/ralph-system-prompts/openai-gpt-5-cynic-personality/skill.md create mode 100644 skills/ralph-system-prompts/openai-gpt-5-listener-personality/skill.md create mode 100644 skills/ralph-system-prompts/openai-gpt-5-nerdy-personality/skill.md create mode 100644 skills/ralph-system-prompts/openai-gpt-5-reasoning-effort-high-api-not-chatgpt-com/skill.md create mode 100644 skills/ralph-system-prompts/openai-gpt-5-robot-personality/skill.md create mode 100644 skills/ralph-system-prompts/openai-gpt-5-thinking/skill.md create mode 100644 skills/ralph-system-prompts/openai-image-safety-policies/skill.md create mode 100644 skills/ralph-system-prompts/openai-o3-high-api/skill.md create mode 100644 skills/ralph-system-prompts/openai-o3-low-api/skill.md create mode 100644 skills/ralph-system-prompts/openai-o3-medium-api/skill.md create mode 100644 skills/ralph-system-prompts/openai-o3/skill.md create mode 100644 skills/ralph-system-prompts/openai-o4-mini-high/skill.md create mode 100644 skills/ralph-system-prompts/openai-o4-mini-low-api/skill.md create mode 100644 skills/ralph-system-prompts/openai-o4-mini-medium-api/skill.md create mode 100644 skills/ralph-system-prompts/openai-o4-mini/skill.md create mode 100644 skills/ralph-system-prompts/openai-prompt-automation-context/skill.md create mode 100644 skills/ralph-system-prompts/openai-prompt-image-safety-policies/skill.md create mode 100644 skills/ralph-system-prompts/openai-study-and-learn/skill.md create mode 100644 skills/ralph-system-prompts/openai-tool-advanced-memory/skill.md create mode 100644 skills/ralph-system-prompts/openai-tool-canvas-canmore/skill.md create mode 100644 skills/ralph-system-prompts/openai-tool-create-image-image_gen/skill.md create mode 100644 skills/ralph-system-prompts/openai-tool-deep-research/skill.md create mode 100644 skills/ralph-system-prompts/openai-tool-file_search/skill.md create mode 100644 skills/ralph-system-prompts/openai-tool-memory-bio/skill.md create mode 100644 skills/ralph-system-prompts/openai-tool-python-code/skill.md create mode 100644 skills/ralph-system-prompts/openai-tool-python/skill.md create mode 100644 skills/ralph-system-prompts/openai-tool-web-search/skill.md create mode 100644 skills/ralph-system-prompts/perplexity-comet-browser-assistant/skill.md create mode 100644 skills/ralph-system-prompts/perplexity-voice-assistant/skill.md create mode 100644 skills/ralph-system-prompts/proton-luma/skill.md create mode 100644 skills/ralph-system-prompts/proton-lumo-2025-8-26/skill.md create mode 100644 skills/ralph-system-prompts/xai-grok-3/skill.md create mode 100644 skills/ralph-system-prompts/xai-grok-4-1-beta/skill.md create mode 100644 skills/ralph-system-prompts/xai-grok-4/skill.md create mode 100644 skills/ralph-system-prompts/xai-grok-com-post-new-safety-instructions/skill.md create mode 100644 skills/ralph-system-prompts/xai-grok-personas/skill.md 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

+
    +
  • Item 1: Description
  • +
  • Item 2: Description
  • +
+
+ + +
+

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 `