webconsulting skills - Claude Marketplace

A curated collection of Agent Skills for AI-augmented software development. These skills transform Claude into a specialized assistant for web development, video creation, security auditing, and enterprise software engineering.

Works with: Claude Code, Cursor IDE (tested with Cursor 2.2+)

Skill Categories

| Category | Skills | Description | |----------|--------|-------------| | TYPO3 CMS | 12 skills | Content Blocks, DataHandler, upgrades, testing, security | | Video & Animation | 1 skill | Remotion video creation in React | | Security & Enterprise | 4 skills | OWASP audits, deepfake detection, OpenSSF Scorecard, supply chain security | | Database | 1 skill | Postgres performance, RLS, indexes, connection pooling (Supabase) | | Marketing | 1 skill | CRO, copywriting, SEO, pricing, psychology (Corey Haines) | | PHP & Tools | 4 skills | PHP 8.x modernization, CLI tools, documentation lookup, web scraping | | Frontend & Design | 6 skills | UI patterns, design systems, accessibility, OG images, React/Next.js performance, creative frontend design | | Documents & Office | 1 skill | PDF, DOCX, PPTX, XLSX processing | | Legal & Compliance | 4 skills | Impressum (AT, DE, EU, international) | | AI & SEO | 2 skills | AEO/GEO for AI search visibility, agent readiness assessment |

---

📢 Early Adopter Notice

We encourage you to use these skills! They're designed to boost your TYPO3 productivity significantly. However, please keep these points in mind:

• Evolving Technology — Anthropic, Cursor, and webconsulting are actively improving their platforms. Expect updates and occasional breaking changes.
• Review AI Output — Always review AI-generated code before committing. These skills enhance productivity, but human judgment remains essential.
• Stay Updated — Run git pull && ./install.sh regularly to get the latest improvements and compatibility fixes.

Questions or feedback? We'd love to hear from you!

---

Attribution: The majority of skills in this repository are derived from the excellent work by Netresearch DTT GmbH. We recommend using their original repositories for the latest updates. A few additional skills are specific to webconsulting.at.

---

🚀 Unified Agent Skills (Cursor + Claude Code)

Both Cursor and Claude Code now share the same skills location: ~/.claude/skills/

What's New

| Feature | Description | |---------|-------------| | Unified Location | Skills install to ~/.claude/skills/ (works for Cursor & Claude Code) | | Auto-Discovery | Both IDEs automatically find and load skills | | Invoke with / | Type / in Agent chat to see all available skills | | Cross-Platform | Same skills work in Cursor, Claude Code, and Claude CLI |

Directory Structure After Install

~/.claude/skills/          ← Primary (shared by Cursor & Claude Code)
  ├── typo3-content-blocks/
  ├── typo3-datahandler/
  └── ...

.cursor/
  ├── skills/              ← Project-level (version-controlled)
  └── rules/               ← Legacy .mdc files (backwards compat)

Using Skills

In Cursor:

1. Auto-applied: Cursor decides when skills are relevant
2. Manual invoke: Type /typo3-content-blocks in Agent chat
3. View all: Go to Cursor Settings → Rules to see discovered skills

In Claude Code:

1. Skills are automatically loaded from ~/.claude/skills/
2. Reference skills in your prompts or let Claude auto-detect

Note: Legacy .mdc rules are still generated in .cursor/rules/ for backwards compatibility.

---

Quick Start

Option 1: Standalone Installation (Recommended)

# Clone the repository
git clone git@github.com:dirnbauer/webconsulting-skills.git
cd webconsulting-skills

# Install skills
chmod +x install.sh
./install.sh

# Restart Cursor IDE or Claude Code

Option 2: Clone as Project Subdirectory

# From your project root
git clone git@github.com:dirnbauer/webconsulting-skills.git webconsulting-skills

# Install skills (auto-detects parent project)
cd webconsulting-skills
./install.sh

# Skills are installed to ~/.claude/skills/ AND your project's .cursor/

The installer auto-detects if it's running from a vendor directory, project subdirectory, or standalone clone, and adjusts paths accordingly.

Alternative: Composer Agent Skill Plugin

For automatic skill loading in PHP projects, use Netresearch's Composer plugin:

composer require --dev netresearch/composer-agent-skill-plugin

This plugin automatically discovers and loads agent skills from your Composer dependencies. See: https://github.com/netresearch/composer-agent-skill-plugin

Alternative: Composer from GitHub (VCS)

Install this skills package directly from GitHub without Packagist.

1. Add the repository to your project's composer.json:

{
    "repositories": [
        {
            "type": "vcs",
            "url": "https://github.com/dirnbauer/webconsulting-skills"
        }
    ]
}

2. Require the package:

composer require --dev webconsulting/webconsulting-skills:dev-main

The Composer plugin will automatically run install.sh after installation to deploy skills to ~/.claude/skills/.

How to Use Agent Skills

Skills for Dummies

What are Agent Skills? They're Markdown files (SKILL.md) containing expert knowledge that Claude reads to become a specialist. After running ./install.sh, skills are installed to ~/.claude/skills/ and automatically discovered by both Cursor and Claude Code.

How do they work?

• Auto-applied: Cursor's Agent decides when a skill is relevant based on your query
• Manual invoke: Type /skill-name in chat (e.g., /remotion-best-practices, /security-audit)
• Trigger keywords: Mentioning keywords like "video", "animation", "security audit", or "content-blocks" activates relevant skills

Where do skills live?

• Source files: skills/*/SKILL.md (this repo)
• User-level: ~/.claude/skills/ (primary, shared by Cursor & Claude Code)
• Project-level: .cursor/skills/ (version-controlled)
• Legacy rules: .cursor/rules/*.mdc (backwards compatibility)

Skill Reference

| Skill | Trigger Keywords | Example Prompt | |-------|------------------|----------------| | typo3-content-blocks | content-blocks, content-element, record-type, migrate tca | "Create a Content Block for a hero banner" or "Migrate my TCA to Content Blocks" | | typo3-datahandler | database, datahandler, records, tcemain | "Create a tt_content record using DataHandler" | | typo3-ddev | ddev, local, docker, environment | "Set up DDEV for TYPO3 v14" | | typo3-testing | testing, phpunit, e2e, coverage | "Write unit tests for my repository" | | typo3-conformance | conformance, standards, quality | "Check if my extension meets TYPO3 standards" | | typo3-docs | documentation, rst, docs | "Create RST documentation for my extension" | | typo3-core-contributions | core, gerrit, forge, patch | "Submit a patch to TYPO3 Core" | | typo3-rector | rector, refactoring, deprecation | "Use Rector to fix deprecations" | | typo3-update | update, upgrade, v13, v14, migration | "Make my code compatible with v13 and v14" | | typo3-extension-upgrade | extension upgrade, fractor | "Upgrade my extension to TYPO3 v14" | | typo3-security | security, hardening, permissions | "Harden my TYPO3 installation" | | typo3-seo | seo, sitemap, meta, opengraph | "Configure SEO with sitemaps and meta tags" | | ai-search-optimization | aeo, geo, ai search, chatgpt, llms.txt | "Optimize for ChatGPT and Perplexity citations" | | security-audit | security audit, owasp, vulnerabilities | "Audit my controller for security issues" | | enterprise-readiness | enterprise, openssf, slsa | "Assess my project for enterprise readiness" | | php-modernization | php, phpstan, dto, enum | "Modernize my PHP code to 8.3 patterns" | | cli-tools | cli, tools, command not found | "Install missing CLI tools" | | context7 | documentation, api, libraries | "Look up current Symfony documentation" | | webconsulting-branding | branding, design, components | "Apply webconsulting design system" | | ui-design-patterns | ui, design, layout, typography | "Improve the visual hierarchy of my UI" | | remotion-best-practices | remotion, video, react, animation, composition | "Create a video intro with fade-in text animation" | | react-best-practices | react, next.js, performance, optimization, bundle size, waterfalls | "Optimize this React component" or "Eliminate request waterfalls" | | deepfake-detection | deepfake, media forensics, fake detection, synthetic media, prnu | "Verify authenticity of this video" or "Detect AI-generated images" | | readiness-report | /readiness-report, agent readiness, codebase maturity | "Run /readiness-report to evaluate this repository" | | postgres-best-practices | postgres, sql, database, query, index, rls, supabase | "Optimize this slow Postgres query" or "Set up RLS for multi-tenant" | | marketing-skills | marketing, cro, conversion, landing page, pricing | "Optimize this landing page" or "Write homepage copy" | | og-image | og-image, open graph, social preview, twitter card, meta tags | "Generate an OG image" or "Set up Twitter card meta tags" | | frontend-design | frontend, design, creative, beautiful, distinctive, aesthetics | "Create a distinctive landing page" or "Design a dark tech hero section" | | web-design-guidelines | web design, accessibility, a11y, wcag, aria, semantic html | "Review this component for accessibility issues" or "Audit my form for WCAG" | | document-processing | pdf, docx, word, pptx, powerpoint, xlsx, excel | "Extract text from this PDF" or "Create an Excel model with formulas" | | firecrawl | scrape, crawl, search web, research, fetch url,