{"id":49084623,"url":"https://github.com/dirnbauer/webconsulting-skills","last_synced_at":"2026-04-20T14:15:59.034Z","repository":{"id":332537463,"uuid":"1126677085","full_name":"dirnbauer/webconsulting-skills","owner":"dirnbauer","description":"AI-augmented development environment with Agent Skills for enterprise TYPO3 projects (Cursor IDE)","archived":false,"fork":false,"pushed_at":"2026-04-13T22:54:04.000Z","size":4061,"stargazers_count":22,"open_issues_count":1,"forks_count":2,"subscribers_count":2,"default_branch":"main","last_synced_at":"2026-04-13T23:13:56.783Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Shell","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dirnbauer.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":"AGENTS.md","dco":null,"cla":null}},"created_at":"2026-01-02T11:30:07.000Z","updated_at":"2026-04-13T22:21:49.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/dirnbauer/webconsulting-skills","commit_stats":null,"previous_names":["dirnbauer/claude-cursor-typo3-skills","dirnbauer/webconsulting-skills"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/dirnbauer/webconsulting-skills","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dirnbauer%2Fwebconsulting-skills","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dirnbauer%2Fwebconsulting-skills/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dirnbauer%2Fwebconsulting-skills/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dirnbauer%2Fwebconsulting-skills/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dirnbauer","download_url":"https://codeload.github.com/dirnbauer/webconsulting-skills/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dirnbauer%2Fwebconsulting-skills/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32050577,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-20T11:35:06.609Z","status":"ssl_error","status_checked_at":"2026-04-20T11:34:48.899Z","response_time":94,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-04-20T14:15:57.443Z","updated_at":"2026-04-20T14:15:59.018Z","avatar_url":"https://github.com/dirnbauer.png","language":"Shell","funding_links":[],"categories":[],"sub_categories":[],"readme":"# webconsulting Agent Skills\n\n\u003e **TYPO3 skills:** Guidance here targets **TYPO3 v14.x** only. Those skills **will change** as v14 evolves — **through and after** the v14 LTS release. Always verify third-party extensions on Packagist (`require.typo3/cms-core`) for your project.\n\nA curated collection of **65 Agent Skills** from **webconsulting** for AI-augmented software development. Some skills are built in-house, others are carefully imported, adapted, and maintained from strong open-source foundations. Together they give your AI coding assistant a practical, production-focused toolkit for TYPO3, frontend work, security, legal compliance, video, documentation, and enterprise engineering.\n\n\u003e **Core installer:** Cursor, Claude Code, Gemini CLI, OpenAI Codex, and Windsurf. Other tools such as GitHub Copilot, Cline, Aider, and Kiro can be added with native instruction files or a manual skills-directory link.\n\n\u003e **Install script status:** The installer has been tested with Cursor, Claude Desktop, and OpenAI Codex.\n\n### A Note from the Maintainer\n\nThis repository is meant to be useful on real projects: a technically solid collection of\nagent skills from webconsulting that helps teams move faster without lowering engineering quality.\nThe goal is straightforward: one place for reusable skill knowledge that can be installed,\nsynced, and used across multiple AI coding clients.\n\nMany of the TYPO3 and PHP skills in this collection build on the excellent open-source work by\n**[Netresearch DTT GmbH](https://www.netresearch.de/)**. Their repositories have been an important\nfoundation for this collection, and their contribution to practical TYPO3 and PHP engineering\ndeserves clear credit. Thank you, Netresearch, and thank you as well to the engineers,\nmaintainers, and contributors behind that work. This collection is better because of the\ncare, clarity, and generosity you brought to the TYPO3 ecosystem.\n\n## Skill Categories\n\nThis repository currently ships **65 top-level skills** (`skills/*/SKILL.md`) across **13 categories**.\nCategory-specific add-ons are not counted as top-level skills.\n\n| Category | Skills | Description |\n|----------|--------|-------------|\n| **TYPO3 CMS** | 23 skills | Content Blocks (webconsulting), Idea -\u003e Extension -\u003e Blog (webconsulting), DataHandler (webconsulting), DDEV (Netresearch), Testing (Netresearch), Conformance (Netresearch), Docs (Netresearch), Core Contributions (Netresearch), Rector (webconsulting), Update (webconsulting), Extension Upgrade (Netresearch), Fractor (webconsulting), Icon14 (webconsulting), Security (webconsulting), SEO (webconsulting), Accessibility (webconsulting), Simplify (Anthropic), Batch (webconsulting), Powermail (webconsulting), Records List Types (webconsulting), Workspaces (webconsulting), Vite (Netresearch), Solr (webconsulting) |\n| **Video \u0026 Animation** | 2 skills | Remotion Best Practices (remotion-dev), Create Documentation (webconsulting) |\n| **Security \u0026 Enterprise** | 4 skills | Security Audit (Netresearch), Security Incident Reporting (webconsulting), Deepfake Detection (webconsulting), Enterprise Readiness (Netresearch) |\n| **Database** | 1 skill | Postgres Best Practices (Supabase) |\n| **Marketing** | 1 skill | Marketing Skills (Corey Haines) |\n| **CRO \u0026 Growth** | 4 skills | CRO Funnel (AITYTech), Programmatic SEO (AITYTech), Launch Strategy (AITYTech), A/B Testing (AITYTech) |\n| **Code Quality \u0026 Refactoring** | 5 skills | Agent MD Refactor (Softaworks), Refactor (GitHub), Refactor Clean (sickn33), Find Skills (Vercel), Grill Me (Matt Pocock) |\n| **PHP \u0026 Tools** | 5 skills | PHP Modernization (Netresearch), CLI Tools (Netresearch), Context7 (Netresearch), Firecrawl (Firecrawl), Skill Creator (Anthropic) |\n| **Frontend \u0026 Design** | 8 skills | Branding (webconsulting), UI Design Patterns (webconsulting), Frontend Design (Anthropic), Web Design Guidelines (Vercel), Excalidraw (ooiyeefei), OG Image (Stevy Smith), React Best Practices (Vercel), shadcn/ui (Giuseppe Trisciuoglio) |\n| **Platform Design** | 8 skills | Android Design (ehmo), iOS Design (ehmo), iPadOS Design (ehmo), macOS Design (ehmo), tvOS Design (ehmo), visionOS Design (ehmo), watchOS Design (ehmo), Web Platform Design (ehmo) |\n| **Documents \u0026 Office** | 1 skill | Document Processing (Anthropic) |\n| **Legal \u0026 Compliance** | 1 skill | Legal Impressum (webconsulting) |\n| **AI \u0026 SEO** | 2 skills | AI Search Optimization (webconsulting), Readiness Report (OpenHands) |\n| **Total** | **65 skills** | Top-level skills in `skills/`; shared root guides and add-ons are not counted |\n\n---\n\n\u003e ## 📢 A Quick Note\n\u003e\n\u003e These skills are here to be used. They can speed up research, implementation, and review,\n\u003e and a few ground rules are worth keeping in mind:\n\u003e\n\u003e - **Things change** — Anthropic, Cursor, and webconsulting continue to evolve their platforms. Updates and occasional breaking changes are normal.\n\u003e - **Review AI output** — Always check AI-generated code before committing or deploying. Human judgment still matters.\n\u003e - **Keep your local copy current** — Run `git pull \u0026\u0026 ./install.sh` regularly to pick up new skills, fixes, and compatibility updates.\n\u003e\n\u003e Questions, ideas, or feedback are always welcome.\n\n---\n\n## 🚀 Universal Agent Skills (5 Core Clients + Optional Tools)\n\nSkills are installed as **symlinks** from the central `skills/` directory to the five core clients' discovery paths. One source of truth, many consumers.\nTo add a skill, create `skills/\u003cslug\u003e/SKILL.md` once. Do not add client-specific symlinks or duplicate per-client copies; `./install.sh` and `./update.sh` fan the canonical skill directory out automatically.\n\n### Core Scripted Clients\n\n| Client | Installation | Discovery |\n|--------|-------------|-----------|\n| **Cursor** | Symlinks to `~/.cursor/skills/` + `.cursor/skills/` + `.mdc` rules | Auto-discovery, `/skill-name` invocation |\n| **Claude Code** | Symlinks to `~/.claude/skills/` | Auto-loaded from user skills |\n| **Gemini CLI** | Symlinks to `~/.gemini/skills/` + `.gemini/skills/` + `gemini-extension.json` | Native extension manifest |\n| **OpenAI Codex** | Symlinks to `~/.codex/skills/` + `.codex/skills/` | User and project-level discovery |\n| **Windsurf** | Symlinks to `~/.codeium/windsurf/skills/` + `.windsurf/skills/` | User and project-level discovery |\n\n### Native and Optional Clients\n\n| Client Type | Setup | Notes |\n|-------------|-------|-------|\n| **GitHub Copilot, Cline, Aider** | Read `AGENTS.md` or their native instruction file | No separate skill-directory install needed |\n| **Kiro and other skill-directory clients** | Add a manual symlink target once | Keep `skills/` as the only source of truth |\n\n### Directory Structure After Install\n\n```\n~/.cursor/skills/          ← Cursor (user-level)\n~/.claude/skills/          ← Claude Code (user-level)\n~/.gemini/skills/          ← Gemini CLI (user-level)\n~/.codex/skills/           ← OpenAI Codex (user-level)\n~/.codeium/windsurf/skills/← Windsurf (user-level)\n\n.cursor/\n  ├── skills/              ← Cursor (project-level)\n  └── rules/               ← Legacy .mdc files (backwards compat)\n.gemini/skills/            ← Gemini CLI (project-level)\n.codex/skills/             ← OpenAI Codex (project-level)\n.windsurf/skills/          ← Windsurf (project-level)\n\ngemini-extension.json      ← Gemini CLI extension manifest\nAGENTS.md                  ← Read natively by Copilot, Codex, Windsurf, Cline, Aider\nCLAUDE.md                  ← Claude Code primary instructions (→ AGENTS.md)\nGEMINI.md                  ← Gemini CLI primary instructions (→ AGENTS.md)\n.github/copilot-instructions.md  ← GitHub Copilot instructions (→ AGENTS.md)\n.windsurfrules             ← Windsurf project rules (→ AGENTS.md)\n```\n\n### Adding a Skill\n\n1. Create `skills/\u003cslug\u003e/SKILL.md`.\n2. Add `references/`, `examples/`, `scripts/`, or `assets/` only if the skill needs them.\n3. If the skill is upstream-managed, add one entry to `.sync-config.json`.\n4. Run `./install.sh`.\n\nDo not create manual per-client symlinks, duplicate `SKILL.md` files, or client-specific install rules for an individual skill. The installer loops over `skills/*` and populates every core client location automatically.\n\n### Adding Other Tools\n\nIf a client has its own skills directory and is not one of the five core scripted clients, wire it once with a simple loop:\n\n```bash\nTARGET_DIR=\"$HOME/.kiro/skills\" # replace with the client's skill path\nmkdir -p \"$TARGET_DIR\"\n\nfor skill_dir in \"$PWD\"/skills/*; do\n  [ -f \"$skill_dir/SKILL.md\" ] || continue\n  ln -sfn \"$skill_dir\" \"$TARGET_DIR/$(basename \"$skill_dir\")\"\ndone\n```\n\nIf the client reads an instruction file instead of a skills directory, point it at `AGENTS.md` or the client's native equivalent. Keep `skills/` as the canonical source and avoid copying `SKILL.md` files into per-tool folders.\n\n### Using Skills\n\n**In Cursor:**\n1. **Auto-applied**: Cursor decides when skills are relevant\n2. **Manual invoke**: Type `/typo3-content-blocks` in Agent chat\n3. **View all**: Go to `Cursor Settings → Rules` to see discovered skills\n\n**In Claude Code:**\n1. Skills are automatically loaded from `~/.claude/skills/`\n2. Reference skills in your prompts or let Claude auto-detect\n\n**In Gemini CLI:**\n1. Skills are discovered via `gemini-extension.json` manifest\n2. Trigger-based activation matches your prompt to relevant skills\n\n**In native-instruction clients:**\n1. Use `AGENTS.md` or the client's native instruction file\n2. No separate skill-directory install is required\n\n**In optional manual clients:**\n1. Point the client at its own skills directory\n2. Use the symlink loop above to mirror `skills/*` into that directory\n\n\u003e **Note:** Legacy `.mdc` rules are still generated in `.cursor/rules/` for backwards compatibility.\n\n---\n\n## Quick Start\n\n### Option 1: Standalone Installation (Recommended)\n\n```bash\n# Clone the repository\ngit clone git@github.com:dirnbauer/webconsulting-skills.git\ncd webconsulting-skills\n\n# Install skills\nchmod +x install.sh\n./install.sh\n\n# Restart Cursor IDE or Claude Code\n```\n\n### Option 2: Clone as Project Subdirectory\n\n```bash\n# From your project root\ngit clone git@github.com:dirnbauer/webconsulting-skills.git webconsulting-skills\n\n# Install skills (auto-detects parent project)\ncd webconsulting-skills\n./install.sh\n\n# Skills are installed to the supported core AI client directories\n```\n\n\u003e The installer auto-detects if it's running from a vendor directory, project subdirectory, or standalone clone, and adjusts paths accordingly.\n\n### Alternative: Composer from GitHub (VCS)\n\nInstall this skills package directly from GitHub without Packagist.\n\n**1. Add the repository to your project's `composer.json`:**\n\n```json\n{\n    \"repositories\": [\n        {\n            \"type\": \"vcs\",\n            \"url\": \"https://github.com/dirnbauer/webconsulting-skills\"\n        }\n    ]\n}\n```\n\n**2. Require the package:**\n\n```bash\ncomposer require --dev webconsulting/webconsulting-skills:dev-main\n```\n\nThe Composer plugin will automatically run `install.sh` after installation to deploy skills to the supported core AI client directories.\n\n## How to Use Agent Skills\n\n### Skills for Dummies\n\n**What are Agent Skills?** They're Markdown files (`SKILL.md`) containing expert knowledge that your AI coding assistant reads to become a specialist. After running `./install.sh`, skills are symlinked to the supported core AI client directories and automatically discovered.\n\n**How do they work?** \n- **Auto-applied**: Cursor's Agent decides when a skill is relevant based on your query\n- **Manual invoke**: Type `/skill-name` in chat (e.g., `/remotion-best-practices`, `/security-audit`)\n- **Trigger keywords**: Mentioning keywords like \"video\", \"animation\", \"security audit\", or \"content-blocks\" activates relevant skills\n\n**Where do skills live?**\n- Source files: `skills/*/SKILL.md` (this repo)\n- User-level: `~/.cursor/skills/`, `~/.claude/skills/`, `~/.gemini/skills/`, `~/.codex/skills/`, `~/.codeium/windsurf/skills/`\n- Project-level: `.cursor/skills/`, `.gemini/skills/`, `.codex/skills/`, `.windsurf/skills/`\n- Legacy rules: `.cursor/rules/*.mdc` (backwards compatibility)\n- Cross-client: `AGENTS.md`, `CLAUDE.md`, `GEMINI.md`, `.windsurfrules`, `.github/copilot-instructions.md`, `gemini-extension.json`\n- Optional/manual clients: any tool-specific skills directory you wire to `skills/`\n- Adding a skill only touches `skills/` and, for upstream-managed skills, `.sync-config.json`\n\n### Skill Reference\n\n| Skill | Trigger Keywords | Example Prompt |\n|-------|------------------|----------------|\n| `agent-md-refactor` | refactor agents.md, split instructions, organize claude.md | \"Refactor my AGENTS.md - it's too long\" or \"Split my CLAUDE.md into focused files\" |\n| `refactor` | refactor, clean up, code smell, improve code, extract method | \"Refactor this function\" or \"Clean up this code and remove duplication\" |\n| `refactor-clean` | refactor, clean code, solid, maintainability | \"Apply SOLID principles to this module\" or \"Find code smells and fix them\" |\n| `find-skills` | find skill, install skill, npx skills, skills.sh | \"Find a skill for React performance\" or \"Search skills.sh for testing tools\" |\n| `grill-me` | grill me, stress-test plan, stress-test design, challenge my plan | \"Grill me on this implementation plan\" or \"Stress-test this architecture one question at a time\" |\n| `shadcn-ui` | shadcn, radix, tailwind, components, form, dialog, button | \"Set up shadcn/ui in my Next.js project\" or \"Build a form with Zod validation\" |\n| `typo3-accessibility` | accessibility, a11y, wcag, aria, screen reader, keyboard navigation | \"Run WCAG 2.2 AA audit on my TYPO3 site\" or \"Add skip-to-content link\" |\n| `typo3-batch` | batch, migrate, bulk, mass refactor, codemod | \"Batch migrate all hooks to PSR-14 events\" or \"Batch modernize all TCA files\" |\n| `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\" |\n| `typo3-idea-extension-blog` | idea to extension, product announcement, adapt to TYPO3, blog post pipeline, MDX blog | \"Turn this product announcement into a TYPO3 extension and German blog post\" or \"Assess this article for TYPO3 and build the useful parts\" |\n| `typo3-datahandler` | database, datahandler, records, tcemain | \"Create a tt_content record using DataHandler\" |\n| `typo3-ddev` | ddev, local, docker, environment | \"Set up DDEV for TYPO3 v14\" |\n| `typo3-testing` | testing, phpunit, e2e, coverage | \"Write unit tests for my repository\" |\n| `typo3-conformance` | conformance, standards, quality | \"Check if my extension meets TYPO3 standards\" |\n| `typo3-docs` | documentation, rst, docs | \"Create RST documentation for my extension\" |\n| `typo3-core-contributions` | core, gerrit, forge, patch | \"Submit a patch to TYPO3 Core\" |\n| `typo3-rector` | rector, refactoring, deprecation | \"Use Rector to fix deprecations\" |\n| `typo3-update` | update, upgrade, v14, migration, TYPO3 core | \"Follow TYPO3 v14 patterns for my extension\" |\n| `typo3-extension-upgrade` | extension upgrade, fractor | \"Upgrade my extension to TYPO3 v14\" |\n| `typo3-fractor` | fractor, flexform, typoscript migration, fluid migration | \"Use Fractor to migrate FlexForms and TypoScript\" |\n| `typo3-icon14` | icons, module icons, plugin icons, record icons, action icons, icon migration, Configuration/Icons.php | \"Design or migrate TYPO3 v14 extension icons with live Core references\" |\n| `typo3-security` | security, hardening, permissions | \"Harden my TYPO3 installation\" |\n| `typo3-seo` | seo, sitemap, meta, opengraph | \"Configure SEO with sitemaps and meta tags\" |\n| `typo3-simplify` | simplify, clean up, refine, code quality, reduce complexity | \"Simplify my TYPO3 code\" or \"Replace GeneralUtility::makeInstance with DI\" |\n| `typo3-powermail` | powermail, mailform, form extension, tx_powermail | \"Create a contact form with custom finisher\" or \"Configure spam shield\" |\n| `typo3-workspaces` | workspace, versioning, staging, publishing, draft content | \"Set up workspace workflow\" or \"Debug workspace overlay\" |\n| `typo3-vite` | vite, vite-asset-collector, scss, bootstrap, svg, postcss, csp | \"Set up Vite for my TYPO3 sitepackage\" or \"Configure vite-asset-collector with Bootstrap theming\" |\n| `typo3-records-list-types` | records list types, grid view backend, compact view, teaser view | \"Set Grid View as default\" or \"Create custom Timeline view\" |\n| `typo3-solr` | solr, search, indexing, facets, suggest, autocomplete, vector search | \"Set up EXT:solr with DDEV\" or \"Debug Solr indexing issues\" |\n| `ai-search-optimization` | aeo, geo, ai search, chatgpt, llms.txt | \"Optimize for ChatGPT and Perplexity citations\" |\n| `security-audit` | security audit, owasp, vulnerabilities | \"Audit my controller for security issues\" |\n| `security-incident-reporting` | incident report, post-mortem, ddos, forensics | \"Create NIST/SANS-style incident report\" or \"Document DDoS attack timeline\" |\n| `enterprise-readiness` | enterprise, openssf, slsa | \"Assess my project for enterprise readiness\" |\n| `php-modernization` | php, phpstan, dto, enum | \"Modernize my PHP code to 8.3 patterns\" |\n| `cli-tools` | cli, tools, command not found | \"Install missing CLI tools\" |\n| `context7` | documentation, api, libraries | \"Look up current Symfony documentation\" |\n| `webconsulting-branding` | branding, design, components | \"Apply webconsulting design system\" |\n| `ui-design-patterns` | ui, design, layout, typography | \"Improve the visual hierarchy of my UI\" |\n| `remotion-best-practices` | remotion, video, react, animation, composition | \"Create a video intro with fade-in text animation\" |\n| `webconsulting-create-documentation` | documentation, help page, product video, screenshots, tts, gsap | \"Create product documentation with video tour\" or \"Build a help page\" |\n| `excalidraw` | excalidraw, architecture diagram, system diagram, png export, svg export | \"Generate an architecture diagram for this project as an .excalidraw file\" or \"Create a system diagram and export it as SVG\" |\n| `react-best-practices` | react, next.js, performance, optimization, bundle size, waterfalls | \"Optimize this React component\" or \"Eliminate request waterfalls\" |\n| `deepfake-detection` | deepfake, media forensics, fake detection, synthetic media, prnu | \"Verify authenticity of this video\" or \"Detect AI-generated images\" |\n| `readiness-report` | /readiness-report, agent readiness, codebase maturity | \"Run /readiness-report to evaluate this repository\" |\n| `postgres-best-practices` | postgres, sql, database, query, index, rls, supabase | \"Optimize this slow Postgres query\" or \"Set up RLS for multi-tenant\" |\n| `marketing-skills` | marketing, cro, conversion, landing page, pricing | \"Optimize this landing page\" or \"Write homepage copy\" |\n| `og-image` | og-image, open graph, social preview, twitter card, meta tags | \"Generate an OG image\" or \"Set up Twitter card meta tags\" |\n| `frontend-design` | frontend, design, creative, beautiful, distinctive, aesthetics | \"Create a distinctive landing page\" or \"Design a dark tech hero section\" |\n| `web-design-guidelines` | web design, accessibility, a11y, wcag, aria, semantic html | \"Review this component for accessibility issues\" or \"Audit my form for WCAG\" |\n| `document-processing` | pdf, docx, word, pptx, powerpoint, xlsx, excel | \"Extract text from this PDF\" or \"Create an Excel model with formulas\" |\n| `firecrawl` | scrape, crawl, search web, research, fetch url | \"Search the web for...\" or \"Scrape this page\" |\n| `skill-creator` | create skill, new skill, skill creator, package skill, SKILL.md | \"Create a new skill for database migrations\" or \"Package my skill\" |\n| `android-design` | android, material design, jetpack compose, material you | \"Review my Android app for Material Design\" |\n| `ios-design` | ios, iphone, swiftui, dynamic type, dark mode | \"Review my iOS app for HIG compliance\" |\n| `ipados-design` | ipad, ipados, split view, stage manager, sidebar | \"Add keyboard shortcuts to my iPad app\" |\n| `macos-design` | macos, mac app, appkit, menu bar, toolbar | \"Create a Mac app with proper menu bar\" |\n| `tvos-design` | tvos, apple tv, siri remote, focus navigation | \"Design 10-foot UI for Apple TV\" |\n| `visionos-design` | visionos, vision pro, spatial computing | \"Design spatial UI for Vision Pro\" |\n| `watchos-design` | watchos, apple watch, complications, digital crown | \"Create glanceable watchOS interface\" |\n| `web-platform-design` | wcag, web platform, responsive, accessibility, i18n | \"Audit my web app for WCAG 2.2\" |\n| `ab-testing` | ab test, split test, experiment, hypothesis | \"Design A/B test for my homepage\" |\n| `cro-funnel` | cro funnel, form cro, signup flow, onboarding, paywall | \"Optimize my signup flow\" |\n| `programmatic-seo` | programmatic seo, template pages, directory, location pages | \"Build [service] in [city] pages at scale\" |\n| `launch-strategy` | product launch, product hunt, gtm, beta launch | \"Plan my Product Hunt launch\" |\n| `legal-impressum` | impressum, legal notice, austria, offenlegung, germany, DDG | \"Create Austrian Impressum for a GmbH\" or \"German DDG-compliant legal notice\" |\n\n### Example Prompts (Copy \u0026 Paste)\n\n#### 🔧 Code Refactoring\n\n**Refactor Code (refactor, refactor-clean):**\n```\nThis function is 200 lines long with deeply nested conditionals. Refactor it into smaller, focused functions with guard clauses.\n```\n\n```\nFind all code smells in my UserService class: duplication, god object, long parameter lists, magic numbers.\n```\n\n```\nApply the Strategy pattern to replace this long switch statement for shipping calculation.\n```\n\n```\nCreate a refactoring plan for this legacy module. Identify risky hotspots, propose incremental steps, and keep behavior stable.\n```\n\n```\nRemove dead code, extract duplicated logic into shared utilities, and add proper TypeScript types.\n```\n\n**Refactor Agent Instructions (agent-md-refactor):**\n```\nMy AGENTS.md is 500 lines and hard to maintain. Refactor it using progressive disclosure: keep essentials at root, split the rest into linked topic files.\n```\n\n```\nFind contradictions in my CLAUDE.md file and flag vague instructions for deletion.\n```\n\n```\nReorganize my agent config into: code-style.md, testing.md, architecture.md, and git-workflow.md\n```\n\n**Find and Install Skills (find-skills):**\n```\nFind a skill for React performance optimization on skills.sh\n```\n\n```\nSearch for available skills related to deployment automation\n```\n\n```\nInstall the refactor skill from github/awesome-copilot@refactor using npx skills\n```\n\n**shadcn/ui Components:**\n```\nSet up shadcn/ui in my Next.js project and create a login form with email/password validation using React Hook Form and Zod\n```\n\n```\nBuild a dashboard with shadcn/ui: Card grid for stats, data Table with pagination, and toast notifications for actions\n```\n\n```\nCreate a settings dialog using shadcn/ui Dialog with a form inside. Include text inputs, a select dropdown for role, and a checkbox for notifications.\n```\n\n```\nCustomize the shadcn/ui Button component with a new \"gradient\" variant and an \"xl\" size option\n```\n\n---\n\n#### 🏗️ Project Setup \u0026 Environment\n\n**New TYPO3 Project:**\n```\nSet up a new TYPO3 v14 project with DDEV, Redis caching, and Mailpit for email testing\n```\n\n**Multi-Site Configuration:**\n```\nConfigure a multi-site setup with 3 domains sharing the same TYPO3 installation, each with German and English languages\n```\n\n**Database Operations:**\n```\nExport the database from production, sanitize sensitive data, and import it into my local DDEV environment\n```\n\n**Xdebug Setup:**\n```\nConfigure Xdebug in DDEV for step debugging with Cursor/PhpStorm, including the correct IDE key settings\n```\n\n---\n\n#### 📦 Content Blocks (Single Source of Truth)\n\n**Hero Banner Content Element:**\n```\nCreate a Content Block for a hero banner with: headline, subheadline, background image, CTA button link, and overlay color selection\n```\n\n**Team Members Record Type:**\n```\nCreate a Content Block Record Type for team members with: name, position, email, phone, bio (richtext), photo, and social media links (Collection). Use Extbase-compatible table naming.\n```\n\n**Accordion Content Element:**\n```\nCreate a Content Block for an accordion with unlimited items. Each item has a title, richtext content, and \"initially open\" checkbox. Include frontend.fluid.html and backend-preview.fluid.html templates.\n```\n\n**FAQ with Categories:**\n```\nCreate a Record Type for FAQs with question, answer, and category relation. Then create a Content Element that displays FAQs filtered by selected categories.\n```\n\n**Image Slider with IRRE:**\n```\nCreate a slider Content Block using a Collection field. Each slide has: image (required), title, description, and link. Limit to 10 slides max.\n```\n\n---\n\n#### 🔄 Content Blocks Migration (Classic → Modern)\n\n**Migrate Content Element:**\n```\nMigrate my classic content element from TCA/SQL to Content Blocks. Here's my current TCA in Configuration/TCA/Overrides/tt_content.php: [paste TCA]\n```\n\n**Migrate Record Table:**\n```\nConvert my classic tx_myext_domain_model_product table (with TCA and ext_tables.sql) to a Content Blocks Record Type. Keep the same table name for data compatibility.\n```\n\n**Analyze TCA for Migration:**\n```\nAnalyze this TCA configuration and show me the equivalent Content Blocks config.yaml with all field mappings: [paste TCA]\n```\n\n**Migrate IRRE Relations:**\n```\nMy extension has inline (IRRE) child records. Show me how to migrate the parent-child relationship to Content Blocks Collection fields.\n```\n\n**Keep Column Names:**\n```\nMigrate my content element to Content Blocks but keep the existing database column names (tx_myext_*) to avoid data migration. Use prefixField: false.\n```\n\n**Data Migration Script:**\n```\nCreate a CLI command that migrates existing content from CType 'myext_hero' to the new Content Blocks CType 'myvendor_hero', including column mapping.\n```\n\n**Full Extension Migration:**\n```\nI have a classic TYPO3 extension with 3 content elements and 2 record types. Create a complete migration plan to Content Blocks, including which files to delete afterward.\n```\n\n---\n\n#### ⏪ Content Blocks Revert (Modern → Classic)\n\n**Revert Content Element:**\n```\nRevert my Content Block hero element back to classic TCA/SQL format. Here's my config.yaml: [paste config.yaml]. Generate the complete TCA, SQL, and TypoScript files.\n```\n\n**Revert Record Type:**\n```\nConvert my Content Blocks Record Type back to a classic TCA configuration. Generate the full TCA file with ctrl section, columns, and types. Table: tx_myext_domain_model_product\n```\n\n**Generate TCA from YAML:**\n```\nAnalyze this Content Blocks config.yaml and generate the equivalent classic TCA PHP configuration with all field mappings: [paste config.yaml]\n```\n\n**Revert IRRE Collection:**\n```\nMy Content Block uses a Collection field with inline child records. Show me how to revert this to classic TCA inline configuration with a separate child table.\n```\n\n**Revert Data Migration:**\n```\nCreate a CLI command that reverts content from Content Blocks CType 'myvendor_hero' back to classic CType 'myext_hero', including copying data between columns.\n```\n\n**Update Fluid Templates for Classic:**\n```\nUpdate my Content Blocks Fluid template to work with classic TCA. Replace {data.fieldname} with {data.tx_myext_fieldname} and add proper DataProcessors for file relations.\n```\n\n**Full Extension Revert:**\n```\nI need to completely remove Content Blocks from my extension with 2 content elements and 1 record type. Create all necessary TCA, SQL, TypoScript files and a data migration script.\n```\n\n**Remove Content Blocks Dependency:**\n```\nAfter reverting to classic TCA, how do I safely remove the friendsoftypo3/content-blocks dependency and clean up orphaned database columns?\n```\n\n**Compare Approaches:**\n```\nShow me a side-by-side comparison of the same content element in Content Blocks vs classic TCA format, highlighting the pros and cons of each approach.\n```\n\n---\n\n#### 🔧 Extension Development\n\n**DataHandler CRUD:**\n```\nI need to create, update, and delete records in tx_myext_domain_model_product programmatically using DataHandler. Show me the proper pattern with transaction handling and error checking.\n```\n\n**Repository with Custom Query:**\n```\nCreate a repository for my Product model with methods: findByCategory(), findInPriceRange(), and findFeatured(). Use proper typing and QueryBuilder.\n```\n\n**Extbase Controller:**\n```\nCreate an Extbase controller with list, show, and filter actions for my Event model. Include proper request handling for TYPO3 v14.\n```\n\n**PSR-14 Event Listener:**\n```\nCreate a PSR-14 event listener that modifies page titles before rendering. Register it in Services.yaml with the AsEventListener attribute.\n```\n\n**Scheduler Task:**\n```\nCreate a Scheduler task that imports products from an external API daily. Include progress reporting and proper error handling.\n```\n\n**Backend Module:**\n```\nCreate a backend module for managing newsletter subscriptions with list view, export to CSV, and bulk delete functionality.\n```\n\n**Middleware:**\n```\nCreate a PSR-15 middleware that adds security headers (CSP, X-Frame-Options, etc.) to all frontend responses.\n```\n\n---\n\n#### 🔄 Upgrades \u0026 Migration\n\n**Extension Upgrade v12 → v14:**\n```\nUpgrade my extension from TYPO3 v12 to support TYPO3 v14. Use Rector for automated refactoring and show me what needs manual attention.\n```\n\n**Fix Deprecations:**\n```\nScan my extension for deprecated code and fix all deprecations for TYPO3 v14. Use typo3-rector rules.\n```\n\n**TYPO3 v14 patterns:**\n```\nMy extension targets TYPO3 v14. Show me current core APIs and patterns for the v14 breaking changes.\n```\n\n**Fractor for Non-PHP Files:**\n```\nUse Fractor to update my TypoScript, Fluid templates, and YAML files for TYPO3 v14 compatibility.\n```\n\n---\n\n#### 🧪 Testing\n\n**Unit Tests:**\n```\nWrite unit tests for my ProductService class. Mock the repository and test the calculateDiscount() method with various inputs.\n```\n\n**Functional Tests:**\n```\nSet up functional tests for my ProductRepository. Include database fixtures and test findByCategory() with actual database queries.\n```\n\n**E2E Tests with Playwright:**\n```\nWrite Playwright E2E tests for my contact form: test form submission, validation errors, and success message.\n```\n\n**GitHub Actions CI:**\n```\nCreate a GitHub Actions workflow that runs PHPUnit tests, PHPStan analysis, and PHP-CS-Fixer on PHP 8.2 and 8.3 with TYPO3 v14.\n```\n\n---\n\n#### 🔒 Security \u0026 Hardening\n\n**Security Audit:**\n```\nPerform a security audit on my AuthController and UserService. Check for XSS, CSRF, SQL injection, and insecure session handling.\n```\n\n**Production Hardening:**\n```\nCreate a security hardening checklist for my TYPO3 installation before going live. Include file permissions, configuration, and server settings.\n```\n\n**OWASP Compliance:**\n```\nReview my extension against OWASP Top 10 vulnerabilities and suggest fixes for any issues found.\n```\n\n---\n\n#### 📈 SEO \u0026 Performance\n\n**Full SEO Setup:**\n```\nConfigure complete SEO for my TYPO3 site: XML sitemap with custom entries, OpenGraph/Twitter cards, canonical URLs, robots.txt, and structured data for articles.\n```\n\n**Meta Tags Configuration:**\n```\nSet up proper meta tag configuration with fallbacks: use page-specific tags if set, otherwise fall back to site-wide defaults.\n```\n\n**Hreflang for Multi-Language:**\n```\nConfigure hreflang tags for my multi-language site with German, English, and French. Handle default language and x-default correctly.\n```\n\n---\n\n#### 🤖 AI Search Optimization (AEO/GEO)\n\n**Schema Markup for AI Search (TYPO3):**\n```\nAdd FAQPage, Article, and Organization schema to my TYPO3 site using EXT:schema. Make content more likely to be cited by ChatGPT and Perplexity.\n```\n\n**Robots.txt for AI Crawlers:**\n```\nConfigure robots.txt to allow AI search bots (GPTBot, PerplexityBot, ClaudeBot) while blocking AI training crawlers (Google-Extended, CCBot). Use TYPO3 site config static routes.\n```\n\n**llms.txt for TYPO3:**\n```\nImplement llms.txt for my TYPO3 site using web-vision/ai-llms-txt extension. Configure which pages to include and how to structure the index.\n```\n\n**llms.txt for Next.js/Astro:**\n```\nCreate a dynamic llms.txt endpoint for my Next.js documentation site. Generate the index from content collections and include llms-full.txt with complete docs.\n```\n\n**FAQ Content Element with Schema:**\n```\nCreate a TYPO3 Content Block for FAQ accordion that automatically generates FAQPage schema. Each item has question, answer, and initially-open checkbox.\n```\n\n**Article Schema with Author (TYPO3):**\n```\nAdd Article schema with author information to my TYPO3 pages using a PSR-14 event listener. Include author name, credentials, LinkedIn, and dates.\n```\n\n**MDX JSON-LD Component:**\n```\nCreate a reusable Next.js MDX component that generates Article schema from frontmatter (title, description, date, author). Include proper TypeScript types.\n```\n\n**FAQ Schema Component (MDX):**\n```\nCreate a React FAQ component for MDX that renders an accessible accordion AND generates FAQPage schema. Use details/summary for no-JS support.\n```\n\n**E-E-A-T Author Bios:**\n```\nAdd author bio fields to my TYPO3 pages (name, credentials, LinkedIn, bio) via TCA extension. Generate Person schema automatically for each page.\n```\n\n**Content Freshness Signals:**\n```\nConfigure visible last-modified dates on my TYPO3 pages using SYS_LASTCHANGED. Add HTTP headers and structured data for content freshness.\n```\n\n**AI Search Visibility Audit:**\n```\nAudit my website for AI search visibility: check schema markup quality, E-E-A-T signals, content structure, robots.txt configuration, and llms.txt presence.\n```\n\n**Monitor AI Citations:**\n```\nWhat tools can I use to monitor how often my brand is mentioned in ChatGPT, Perplexity, and Google AI Overviews? Set up tracking.\n```\n\n**Raw MDX View Endpoint:**\n```\nAdd a .md URL suffix to my Next.js docs that shows raw MDX source instead of rendered content. Similar to how Vercel docs works.\n```\n\n**Optimize for Perplexity:**\n```\nPerplexity prefers fresh content. How do I optimize my content update frequency and visible timestamps to maximize Perplexity citations?\n```\n\n**Google AI Overviews Optimization:**\n```\nWhat specific schema types and content structures increase the chance of appearing in Google AI Overviews? Implement for my TYPO3 site.\n```\n\n---\n\n#### 📚 Documentation\n\n**Extension Documentation:**\n```\nCreate RST documentation for my extension following docs.typo3.org standards. Include: introduction, installation, configuration, and usage sections.\n```\n\n**API Documentation:**\n```\nDocument my public API methods using proper RST format with code examples and configuration references.\n```\n\n---\n\n#### 🏢 Enterprise \u0026 Quality\n\n**PHPStan Level 9:**\n```\nConfigure PHPStan at level 9 for my extension. Fix all errors and add proper type hints to pass the analysis.\n```\n\n**Enterprise Readiness:**\n```\nAssess my extension for enterprise readiness: OpenSSF best practices, supply chain security, and quality gates for CI/CD.\n```\n\n**Code Quality Gates:**\n```\nSet up quality gates for my project: PHPStan level 8+, test coverage \u003e80%, no critical security issues, and proper documentation.\n```\n\n---\n\n#### 🎨 Frontend \u0026 UI\n\n**Fluid Component:**\n```\nCreate a reusable Fluid partial for a card component with image, title, description, link, and optional badge. Make it work with Content Blocks data.\n```\n\n**Accessible Form:**\n```\nReview my contact form for accessibility issues. Ensure proper labels, error messages, focus management, and ARIA attributes.\n```\n\n**Design System Integration:**\n```\nApply the webconsulting design system to my TYPO3 templates: colors, typography, spacing, and component styles.\n```\n\n---\n\n#### ✨ Creative Frontend Design (frontend-design)\n\nThe `frontend-design` skill helps you create **distinctive, memorable interfaces** that avoid generic \"AI slop\" aesthetics. It covers typography, color, motion, spatial composition, and component design.\n\n**Distinctive Landing Pages:**\n\n```\nCreate a landing page that looks nothing like a typical SaaS template. Use bold typography, asymmetric layout, and a unique color palette.\n```\n\n```\nDesign a dark-mode landing page with a gradient mesh background, floating elements, and glass morphism cards.\n```\n\n```\nBuild a brutalist-style landing page with raw aesthetics, monospace fonts, and intentional visual tension.\n```\n\n**Typography That Stands Out:**\n\n```\nSuggest distinctive font pairings for my tech startup. Avoid Inter, Roboto, and other overused fonts.\n```\n\n```\nCreate a typography system with a display font for headlines and a body font that pairs well. Show me the CSS variables.\n```\n\n```\nDesign a heading hierarchy with variable font weights, tight letter-spacing, and optical sizing.\n```\n\n**Color Palettes:**\n\n```\nCreate a cohesive color palette for a fintech app. Use a dominant color for 60%, secondary for 30%, and accent for 10%.\n```\n\n```\nDesign a dark theme color system with proper contrast ratios, surface elevation colors, and accent states.\n```\n\n```\nGenerate a color palette inspired by [brand/concept]. Include semantic colors for success, warning, error states.\n```\n\n**Hero Sections:**\n\n```\nCreate a hero section with a diagonal split layout, bold headline on the left, and product screenshot on the right.\n```\n\n```\nDesign a full-screen hero with animated gradient background, centered headline with letter-by-letter animation.\n```\n\n```\nBuild a hero with parallax scrolling, floating UI elements, and a CTA that pulses subtly.\n```\n\n**Component Design:**\n\n```\nCreate a pricing card with glass morphism effect, gradient border, and hover animation that lifts the card.\n```\n\n```\nDesign a testimonial carousel with asymmetric cards, large quotation marks, and smooth slide transitions.\n```\n\n```\nBuild a feature grid with icons that animate on hover, subtle shadows, and a staggered reveal animation.\n```\n\n**Motion \u0026 Animation:**\n\n```\nAdd micro-interactions to my buttons: subtle scale on hover, satisfying click feedback, loading state animation.\n```\n\n```\nCreate a page transition effect with content that slides up and fades in as you scroll.\n```\n\n```\nDesign a navigation menu that morphs smoothly between mobile hamburger and desktop horizontal layout.\n```\n\n**Background Effects:**\n\n```\nCreate a gradient mesh background using CSS that subtly animates and shifts colors.\n```\n\n```\nAdd a noise texture overlay to my dark sections for visual depth without looking dated.\n```\n\n```\nBuild an animated blob background that responds to mouse movement.\n```\n\n**Anti-AI-Slop Audit:**\n\n```\nReview my landing page for generic AI patterns. Check for: overused fonts, stock gradients, predictable layouts, bland copy.\n```\n\n```\nMake this hero section more distinctive. It currently looks like every other SaaS landing page.\n```\n\n```\nAudit my design for \"AI slop\" indicators and suggest specific improvements for each issue.\n```\n\n---\n\n#### ♿ Web Accessibility Review \u0026 Implementation (web-design-guidelines + web-platform-design)\n\nUse `web-design-guidelines` for review findings and compliance audits. Use `web-platform-design` when you want accessible patterns implemented in code.\n\n**Color \u0026 Contrast (`web-design-guidelines`):**\n\n```\nCheck all text colors in my CSS for WCAG AA contrast compliance (4.5:1 for normal text, 3:1 for large text).\n```\n\n```\nMy brand color is #3B82F6. What's the minimum darkness needed for text on white background to pass WCAG AA?\n```\n\n```\nReview my color palette for colorblind accessibility. Suggest alternatives for red/green combinations.\n```\n\n**Focus States (`web-platform-design`):**\n\n```\nAudit my interactive elements for visible focus indicators. Show me how to add proper focus-visible styles.\n```\n\n```\nMy designer wants to remove focus outlines. Create accessible alternatives that still look good.\n```\n\n```\nAdd a skip link to my page header that becomes visible on focus.\n```\n\n**Form Accessibility (`web-platform-design`):**\n\n```\nReview my form for accessibility issues: labels, error messages, required field indicators, and field grouping.\n```\n\n```\nMake this form accessible: add proper labels, aria-describedby for help text, and live error announcements.\n```\n\n```\nCreate an accessible date picker pattern with keyboard navigation and screen reader support.\n```\n\n**Semantic HTML (`web-design-guidelines`):**\n\n```\nAudit my page structure for semantic HTML issues. Check heading hierarchy, landmarks, and proper element usage.\n```\n\n```\nConvert this div-soup navigation to proper semantic HTML with nav, ul, li, and a elements.\n```\n\n```\nReview my table markup. Add proper headers, scope attributes, and caption for accessibility.\n```\n\n**ARIA Patterns (`web-platform-design`):**\n\n```\nImplement an accessible modal dialog with proper focus trapping, escape key handling, and aria attributes.\n```\n\n```\nCreate accessible tabs with proper ARIA roles, keyboard navigation (arrow keys), and focus management.\n```\n\n```\nBuild an accessible accordion using details/summary with enhanced keyboard support and animations.\n```\n\n```\nAdd ARIA live regions to my notification system so screen readers announce new messages.\n```\n\n**Keyboard Navigation (`web-design-guidelines` + `web-platform-design`):**\n\n```\nAudit my page for keyboard accessibility. Check tab order, focus traps, and interactive element reachability.\n```\n\n```\nMy dropdown menu isn't keyboard accessible. Fix the tab order and add arrow key navigation.\n```\n\n```\nCreate a keyboard-navigable image gallery with arrow keys, escape to close, and focus restoration.\n```\n\n**Screen Reader Testing (`web-design-guidelines`):**\n\n```\nWhat will a screen reader announce for this component? Check all interactive elements and dynamic content.\n```\n\n```\nAdd proper alt text to my images. Some are decorative, some are informational, some are functional.\n```\n\n```\nReview my icon buttons. They need accessible names since they have no visible text.\n```\n\n**Responsive \u0026 Touch (`web-platform-design`):**\n\n```\nAudit my touch targets for mobile accessibility. Minimum 44x44px with adequate spacing.\n```\n\n```\nCheck my responsive design for accessibility issues at different breakpoints and zoom levels.\n```\n\n```\nAdd prefers-reduced-motion support to my animations for users with vestibular disorders.\n```\n\n**Quick Accessibility Checklist (`web-design-guidelines`):**\n\n```\nRun a full accessibility audit on my homepage. Check: color contrast, focus states, semantic HTML, ARIA, keyboard nav, and alt text.\n```\n\n```\nPrepare my site for WCAG 2.2 AA compliance. Create a checklist of issues and fixes.\n```\n\n```\nReview this component against WCAG success criteria and list all failures with fixes.\n```\n\n---\n\n#### 📄 Document Processing (document-processing)\n\nThe `document-processing` skill handles **PDF, DOCX, PPTX, and XLSX** files — extraction, creation, editing, and analysis.\n\n**PDF Text Extraction:**\n\n```\nExtract all text from this PDF while preserving structure (headings, paragraphs, lists).\n```\n\n```\nExtract the table on page 3 of this PDF into a structured format I can use in code.\n```\n\n```\nExtract text from this scanned PDF using OCR. The quality is poor, so maximize accuracy.\n```\n\n**PDF Creation:**\n\n```\nCreate a PDF invoice with company header, line items table, and footer with payment terms.\n```\n\n```\nGenerate a PDF report from this data with charts, tables, and formatted sections.\n```\n\n```\nCreate a certificate PDF with a decorative border, centered text, and signature line.\n```\n\n**PDF Manipulation:**\n\n```\nMerge these 5 PDF files into one, maintaining bookmarks and page numbers.\n```\n\n```\nSplit this 100-page PDF into separate files, one per chapter (chapters start at pages 1, 23, 45, 67, 89).\n```\n\n```\nExtract pages 10-25 from this PDF as a new file.\n```\n\n```\nRotate all landscape pages in this PDF to portrait orientation.\n```\n\n```\nAdd a watermark \"CONFIDENTIAL\" to every page of this PDF.\n```\n\n```\nPassword-protect this PDF with encryption.\n```\n\n**Word Document Processing:**\n\n```\nExtract all text from this DOCX file as plain markdown, preserving headings and lists.\n```\n\n```\nConvert this Word document to clean markdown for use in my documentation site.\n```\n\n```\nCreate a Word document from this markdown content with proper heading styles.\n```\n\n```\nCreate a DOCX file with my report content, including a table of contents and page numbers.\n```\n\n**Word Document Editing:**\n\n```\nFind and replace all instances of \"Company A\" with \"Company B\" in this Word document.\n```\n\n```\nExtract all tracked changes from this Word document and list them with authors and dates.\n```\n\n```\nAccept all tracked changes in this document and save a clean version.\n```\n\n```\nAdd a comment to this Word document at the paragraph starting with \"In conclusion...\"\n```\n\n**PowerPoint Processing:**\n\n```\nExtract all text from this PowerPoint presentation, organized by slide.\n```\n\n```\nCreate a summary of this PPTX: slide titles, key bullet points, and speaker notes.\n```\n\n```\nConvert this PowerPoint to a markdown outline for use in documentation.\n```\n\n**PowerPoint Creation:**\n\n```\nCreate a PowerPoint presentation from this markdown outline. Use a clean, professional style.\n```\n\n```\nGenerate slides for my quarterly report: title slide, 4 content slides with charts, and summary slide.\n```\n\n```\nCreate a pitch deck with these sections: Problem, Solution, Market, Traction, Team, Ask.\n```\n\n**PowerPoint Editing:**\n\n```\nReplace all images in this PowerPoint with updated versions from this folder.\n```\n\n```\nUpdate the footer on all slides to show \"Q4 2026\" instead of \"Q3 2026\".\n```\n\n```\nExtract slide 5 as a high-resolution PNG image for use in marketing.\n```\n\n**Excel Data Analysis:**\n\n```\nAnalyze this Excel file and summarize: row count, column names, data types, and any obvious issues.\n```\n\n```\nCalculate summary statistics for the 'Revenue' column: sum, average, min, max, and standard deviation.\n```\n\n```\nFind all duplicate rows in this Excel file based on the 'Email' column.\n```\n\n```\nCreate a pivot table summary: sales by region and product category.\n```\n\n**Excel Creation:**\n\n```\nCreate an Excel file from this JSON data with proper column headers and formatting.\n```\n\n```\nGenerate an Excel report with these sheets: Summary, Details, Charts. Add formulas, not hardcoded values.\n```\n\n```\nCreate a budget spreadsheet with categories, monthly columns, and SUM formulas for totals.\n```\n\n**Excel Formulas \u0026 Formatting:**\n\n```\nAdd formulas to this Excel file: column D should be C * B, and row 20 should sum each column.\n```\n\n```\nFormat this Excel file: header row bold with background color, currency format for money columns, alternating row colors.\n```\n\n```\nCreate a financial model with proper Excel standards: blue for inputs, black for formulas, green for outputs.\n```\n\n```\nAdd conditional formatting: highlight cells red if value is negative, green if above target.\n```\n\n**Excel Advanced:**\n\n```\nCreate a dropdown list in column A that only allows values from the 'Categories' sheet.\n```\n\n```\nAdd data validation to the 'Date' column to only accept dates in 2026.\n```\n\n```\nCreate a chart from this data and embed it in the 'Dashboard' sheet.\n```\n\n```\nProtect this worksheet but allow users to edit cells in the 'Input' range.\n```\n\n**Cross-Format Workflows:**\n\n```\nConvert this PDF report to an editable Word document, preserving formatting as much as possible.\n```\n\n```\nExtract the tables from this PDF and save them as an Excel file.\n```\n\n```\nCreate a PowerPoint from the key findings in this Excel analysis.\n```\n\n```\nBatch process all PDFs in this folder: extract text and save as individual markdown files.\n```\n\n---\n\n#### 🔍 Solr Search (typo3-solr)\n\nThe `typo3-solr` skill provides expert guidance on **Apache Solr search integration for TYPO3**: installation, Index Queue, faceting, suggest/autocomplete, PSR-14 events, custom indexers, vector/semantic search, and deep debugging. Includes supplements for file indexing (`SKILL-SOLRFAL.md`) and custom vanilla JS frontends (`SKILL-FRONTEND.md`).\n\n**Installation \u0026 Setup:**\n\n```\nSet up EXT:solr with DDEV using the ddev-typo3-solr addon. Configure the Solr connection for my TYPO3 v14 site with two languages (German and English).\n```\n\n```\nConfigure a production Docker setup for Solr with persistent data, custom configsets, and health checks.\n```\n\n```\nSet up hosted-solr.com for my multi-language TYPO3 site. Configure per-environment connections using helhum/dotenv-connector.\n```\n\n**Indexing:**\n\n```\nIndex EXT:news records into Solr with categories, tags, and author information. Configure the Index Queue via TypoScript.\n```\n\n```\nCreate a custom PSR-14 event listener that enriches Solr documents with data from related records during indexing.\n```\n\n```\nMy items are in the Index Queue but not appearing in search results. Debug the full pipeline from queue to search.\n```\n\n```\nIndex custom Extbase records from tx_myext_domain_model_product with price, categories, and images.\n```\n\n**Faceted Search:**\n\n```\nConfigure faceted search with category filters, date range facets, and price range facets. Include proper TypoScript and Fluid templates.\n```\n\n```\nAdd a hierarchical category facet that shows parent \u003e child categories with item counts.\n```\n\n**Suggest \u0026 Autocomplete:**\n\n```\nAdd suggest/autocomplete to my search form. Show search suggestions as the user types with proper debouncing.\n```\n\n```\nReplace the default jQuery-based suggest with vanilla JavaScript. Use the EXT:solr suggest API endpoint.\n```\n\n**Vector Search (LLM/Semantic):**\n\n```\nSet up Solr vector search with OpenAI embeddings for semantic search on my TYPO3 content. Use Solr's native dense vector support.\n```\n\n```\nConfigure Solr's text-to-vector transformer with a local model for embedding generation without external API calls.\n```\n\n**File Indexing (solrfal):**\n\n```\nIndex PDF files from fileadmin into Solr using EXT:solrfal and Apache Tika. Configure the Tika server in Docker.\n```\n\n```\nSet up file indexing for Word documents, Excel files, and PDFs with proper content extraction and metadata.\n```\n\n**Custom Frontend (Vanilla JS):**\n\n```\nBuild a custom search interface with vanilla JavaScript: instant search results, facet filtering, and pagination without jQuery.\n```\n\n**Debugging \u0026 Troubleshooting:**\n\n```\nMy search returns \"Search is currently not available.\" Debug the connection, core status, and configuration.\n```\n\n```\nFull debugging: walk through the complete pipeline from Solr connection to search results. Check Index Queue, schema, and query configuration.\n```\n\n```\nItems show as \"indexed\" in the backend but search returns zero results. How do I debug the search query?\n```\n\n---\n\n#### 🗂️ TCA \u0026 FlexForm\n\n**TCA Select with Items:**\n```\nCreate a TCA select field for tt_content with 5 layout options. Include icons, default value, and proper labeling.\n```\n\n**TCA Group Field:**\n```\nAdd a TCA group field to my model for selecting multiple pages. Include proper MM relation and maxitems configuration.\n```\n\n**TCA Inline (IRRE):**\n```\nConfigure TCA inline relations for a parent-child relationship between Event and Ticket models. Include sorting, expand/collapse, and appearance options.\n```\n\n**FlexForm Configuration:**\n```\nCreate a FlexForm for my plugin with tabs: General (items per page, sort order), Display (template selection, show images), and Filter (category selection).\n```\n\n**FlexForm with Database Records:**\n```\nAdd a FlexForm field that allows selecting multiple news categories from the database. Use itemsProcFunc or foreign_table.\n```\n\n---\n\n#### 🔗 Routing \u0026 Site Configuration\n\n**Custom Route Enhancers:**\n```\nCreate a route enhancer for my events plugin that generates URLs like /events/2024/01/my-event-title instead of ?tx_events[event]=123\n```\n\n**Localized Routes:**\n```\nConfigure site routing for a multi-language site with German (de), English (en), and French (fr). Include language fallbacks and proper base paths.\n```\n\n**Static Routes:**\n```\nAdd static routes for /sitemap.xml, /robots.txt, and a custom /api/* route that bypasses TYPO3's page handling.\n```\n\n---\n\n#### 📁 File Handling (FAL)\n\n**File Upload Processing:**\n```\nCreate a service that processes uploaded images: resize to max 2000px, convert to WebP, and store in a specific folder with proper FAL references.\n```\n\n**File Metadata Extraction:**\n```\nExtract and store EXIF data from uploaded images: camera model, date taken, GPS coordinates. Update the sys_file_metadata table.\n```\n\n**Custom File Processor:**\n```\nCreate a custom image processor that adds a watermark to images on-the-fly when requested with a specific processing instruction.\n```\n\n---\n\n#### 🌐 Localization \u0026 Translation\n\n**Multi-Language Content:**\n```\nSet up proper translation handling for my custom model. Include language overlay configuration, fallback types, and translation workflow.\n```\n\n**XLIFF Translations:**\n```\nCreate XLIFF translation files for German, English, and French. Include pluralization rules and context descriptions for translators.\n```\n\n**Translation Sync:**\n```\nCreate a command that synchronizes translations from a translation management system (like Phrase or Lokalise) into TYPO3 XLIFF files.\n```\n\n---\n\n#### 📧 Powermail Forms \u0026 Email (typo3-powermail)\n\n**Powermail Contact Form:**\n```\nCreate a Powermail contact form with firstname, lastname, email, company, message, and GDPR consent checkbox. Add a confirmation step and thank-you redirect.\n```\n\n**Custom Powermail Finisher:**\n```\nCreate a custom Powermail finisher that sends submitted data to a CRM API after form submission. Include error handling, logging, and retry-safe behavior.\n```\n\n**Custom Powermail Validator:**\n```\nCreate a custom Powermail validator that blocks disposable email domains and only accepts business email addresses from an allowed domain list.\n```\n\n**Powermail Spam Protection:**\n```\nConfigure Powermail spam protection for a public contact form: honeypot, time checks, link limits, and sensible thresholds for false positives.\n```\n\n**Powermail Email Templates:**\n```\nCreate styled Powermail receiver and sender email templates with Fluid. Keep them email-client friendly, use inline-safe markup, and provide a plain text fallback.\n```\n\n---\n\n#### ⚡ Caching \u0026 Performance\n\n**Custom Cache Configuration:**\n```\nConfigure Redis caching for my extension with proper cache groups, lifetime settings, and cache tags for targeted invalidation.\n```\n\n**Cache Tags Strategy:**\n```\nImplement a caching strategy for my news listing that uses cache tags to invalidate only affected pages when a news item is updated.\n```\n\n**Performance Optimization:**\n```\nAnalyze and optimize my TYPO3 site's performance: database queries, cache configuration, asset loading, and image optimization.\n```\n\n---\n\n#### 🔐 Authentication \u0026 Permissions\n\n**Frontend User Registration:**\n```\nCreate a frontend user registration flow with email verification, password requirements, and custom fields. Handle fe_users and fe_groups.\n```\n\n**Backend User Permissions:**\n```\nConfigure granular backend user permissions: restrict access to specific page trees, content types, and file mounts. Set up user groups properly.\n```\n\n**SSO Integration:**\n```\nIntegrate SAML-based SSO for backend users using Azure AD or Okta. Include proper user provisioning and group mapping.\n```\n\n---\n\n#### 🔌 API Development\n\n**REST API Endpoint:**\n```\nCreate a REST API endpoint for my Product model with GET (list/detail), POST (create), PUT (update), and DELETE operations. Include authentication.\n```\n\n**API Rate Limiting:**\n```\nImplement rate limiting for my API endpoints: 100 requests per minute per API key, with proper headers and error responses.\n```\n\n**Headless TYPO3:**\n```\nConfigure TYPO3 for headless operation with JSON output. Set up content elements as JSON, configure CORS, and handle routing for a React/Vue frontend.\n```\n\n---\n\n#### 🛠️ CLI Commands\n\n**Custom CLI Command:**\n```\nCreate a Symfony Console command for my extension that imports products from a CSV file. Include progress bar, dry-run mode, and validation.\n```\n\n**Scheduled Command:**\n```\nCreate a CLI command that runs nightly to clean up expired records, send reminder emails, and generate reports. Include proper logging.\n```\n\n---\n\n#### 📊 Logging \u0026 Debugging\n\n**Custom Logger:**\n```\nSet up custom logging for my extension: separate log files, different log levels for dev/prod, and structured logging with context data.\n```\n\n**Debug Middleware:**\n```\nCreate a debugging middleware that logs all requests with timing, memory usage, and database query counts in development mode.\n```\n\n**Error Handling:**\n```\nImplement proper error handling for my API: custom exceptions, error codes, meaningful messages, and integration with Sentry or similar.\n```\n\n---\n\n#### 🎬 Video Creation with Remotion\n\n**Basic Video Composition:**\n```\nCreate a Remotion composition with a 1920x1080 video at 30fps, 5 seconds duration. Add a centered title that fades in.\n```\n\n**Animated Text Intro:**\n```\nBuild a YouTube-style intro: logo zooms in with spring animation, title types in letter-by-letter, then both fade out.\n```\n\n**Audio Visualization:**\n```\nCreate an audio visualizer that reacts to music. Use waveform data to animate bars that pulse with the beat.\n```\n\n**TikTok-Style Captions:**\n```\nAdd TikTok-style word-by-word captions to my video. Highlight the current word, use a bold font, and add a subtle shadow.\n```\n\n**Scene Transitions:**\n```\nCreate a video with 3 scenes using slide and fade transitions. Each scene has different background colors and centered text.\n```\n\n**3D Product Showcase:**\n```\nBuild a 3D product rotation video using React Three Fiber. The product rotates 360° with smooth easing over 4 seconds.\n```\n\n**Data Visualization Video:**\n```\nCreate an animated bar chart that grows from zero. Each bar animates in sequence with a spring effect. Add value labels.\n```\n\n**Video with Dynamic Duration:**\n```\nCreate a Remotion composition where the duration is calculated based on the audio file length using calculateMetadata.\n```\n\n**GIF Integration:**\n```\nEmbed an animated GIF into my Remotion video, synchronized with the timeline. Loop it 3 times during a 6-second segment.\n```\n\n**Lottie Animation:**\n```\nAdd a Lottie animation to my video intro. Synchronize the Lottie playback with Remotion's frame timing.\n```\n\n**Custom Fonts:**\n```\nLoad a custom Google Font (Inter) and a local font file (.woff2) for my video. Apply different weights to title and subtitle.\n```\n\n**Video Trimming:**\n```\nEmbed an external video file, trim the first 2 seconds, and play it at 1.5x speed. Add a fade-out at the end.\n```\n\n**Thumbnail Generation:**\n```\nCreate a Still composition for video thumbnails. Include the video title, a background image, and a play button overlay.\n```\n\n**Sequenced Animations:**\n```\nCreate a sequence of 5 elements that animate in one after another with 0.5s delays. Use useCurrentFrame and interpolate.\n```\n\n**Spring Physics:**\n```\nAnimate a bouncing ball using spring physics. Configure tension, friction, and mass for a realistic bounce effect.\n```\n\n---\n\n#### 📖 Product Documentation \u0026 Video Tours (webconsulting-create-documentation)\n\nThe `webconsulting-create-documentation` skill creates **complete product documentation**: help pages, AI-generated screenshots, narrated product tour videos (Remotion + ElevenLabs TTS + Suno AI music), and animated diagrams with GSAP.\n\n**Help Pages:**\n\n```\nCreate a help page for my Next.js app with collapsible FAQ sections, step-by-step instructions, and AI-generated placeholder illustrations.\n```\n\n```\nBuild a user guide with navigation sidebar, search, and dark/light mode support.\n```\n\n**Product Tour Videos:**\n\n```\nCreate a 60-second product tour video with Remotion. Include title card, 3 feature scenes with narration, and an end card with QR codes.\n```\n\n```\nGenerate ElevenLabs TTS narration in a Jony Ive-inspired calm, deliberate style for my product walkthrough script.\n```\n\n```\nAdd Suno AI background music to my Remotion video with automatic volume ducking during narration.\n```\n\n**Remotion + GSAP Animations:**\n\n```\nCreate an animated architecture diagram where SVG nodes pop in with elastic easing and connection lines draw themselves between components.\n```\n\n```\nBuild a 3D exploded screenshot view: separate my UI into layers (background, modal, buttons), tilt into isometric perspective, and pull layers apart on the Z-axis.\n```\n\n```\nAnimate a data dashboard with number odometers counting up, staggered table row reveals, and spring-loaded bar charts.\n```\n\n```\nCreate a code diff walkthrough animation: removed lines shrink and glow red, new lines expand and glow green, unchanged lines glide to new positions.\n```\n\n```\nAnimate a glass morph spotlight effect that zooms into a UI area using clip-path while blurring the rest of the screenshot.\n```\n\n**GitHub README Documentation:**\n\n```\nCreate GitHub README documentation with dark/light theme screenshots using \u003cpicture\u003e tags and an embedded product video.\n```\n\n---\n\n#### 🗺️ Architecture Diagrams (excalidraw)\n\nThe `excalidraw` skill generates **real `.excalidraw` diagrams** from codebase analysis and can export them to PNG or SVG.\n\n**Repository Architecture:**\n\n```\nGenerate an architecture diagram for this project as an .excalidraw file. Show the main modules, external services, databases, and data flows.\n```\n\n**System Overview Export:**\n\n```\nCreate a system diagram for my app in Excalidraw and export it as both .excalidraw and SVG.\n```\n\n**Workflow Visualization:**\n\n```\nVisualize my checkout flow as an Excalidraw diagram: frontend, backend, payment provider, webhooks, and confirmation emails.\n```\n\n---\n\n#### 🖼️ OG Images \u0026 Social Sharing\n\n**Generate OG Image:**\n```\nCreate an OG image page for my Next.js app that matches my existing design system. Use my brand colors and fonts.\n```\n\n**Social Meta Tags:**\n```\nConfigure all necessary Open Graph and Twitter card meta tags for my website. Include og:image at 1200x630.\n```\n\n**Screenshot OG Page:**\n```\nNavigate to my /og-image page, resize to 1200x630, and take a screenshot for use as og:image.\n```\n\n**Cache Busting:**\n```\nI've updated my OG image. How do I refresh the cache on Facebook, Twitter, and LinkedIn?\n```\n\n**Design Templates:**\n```\nShow me the different OG image design templates available: cosmic, editorial, brutalist, ethereal.\n```\n\n---\n\n#### 🎯 Common Tasks \u0026 Fixes\n\n**Fix Broken Relations:**\n```\nMy database has orphaned records and broken relations. Create a command that finds and optionally fixes these issues safely.\n```\n\n**Bulk Content Update:**\n```\nI need to update all tt_content records of a certain type: change a field value, update relations, and clear cache. Use DataHandler properly.\n```\n\n**Site Migration:**\n```\nMigrate content from an old TYPO3 v10 installation to v14. Map old content types to new ones, handle file references, and preserve URLs.\n```\n\n**Extension Conflicts:**\n```\nDebug conflicts between two extensions that both modify the same TCA or hook into the same events. Find the issue and suggest resolution.\n```\n\n**Database Optimization:**\n```\nAnalyze my database for performance issues: missing indexes, large tables, unused fields. Suggest optimizations and create migration scripts.\n```\n\n---\n\n#### 🐘 Postgres \u0026 Supabase\n\n**Optimize Slow Query:**\n```\nOptimize this slow Postgres query. Use EXPLAIN ANALYZE to identify bottlenecks and suggest proper indexes.\n```\n\n**Row Level Security Setup:**\n```\nSet up Row Level Security for my multi-tenant orders table. Users should only see their own orders. Use auth.uid() with proper caching.\n```\n\n**Connection Pooling:**\n```\nConfigure PgBouncer connection pooling for my Supabase project. Recommend pool size based on 4GB RAM.\n```\n\n**Find Missing Indexes:**\n```\nFind all foreign key columns in my database that are missing indexes. Generate CREATE INDEX statements.\n```\n\n**Cursor Pagination:**\n```\nConvert my OFFSET-based pagination to cursor-based pagination for the products table. Handle multi-column sorting.\n```\n\n**Batch Operations:**\n```\nOptimize my bulk insert loop. Convert individual INSERTs to batched statements or COPY for better performance.\n```\n\n**RLS Performance:**\n```\nReview my RLS policies for performance issues. Wrap function calls in SELECT for caching and add proper indexes.\n```\n\n**JSONB Indexing:**\n```\nMy JSONB queries on the products.attributes column are slow. Add the right index type (GIN vs expression index).\n```\n\n---\n\n#### 📈 Marketing \u0026 Growth\n\n**Landing Page CRO:**\n```\nOptimize this landing page for conversions. Analyze the value proposition, headline, CTAs, and social proof placement.\n```\n\n**Homepage Copywriting:**\n```\nWrite homepage copy for my SaaS product that helps teams manage projects. Focus on clarity over cleverness.\n```\n\n**Headline Formulas:**\n```\nGenerate 5 headline variations for my product using proven formulas. Product: email marketing tool for e-commerce.\n```\n\n**CTA Optimization:**\n```\nImprove these CTA buttons. Current: \"Submit\", \"Learn More\", \"Sign Up\". Make them value-focused.\n```\n\n**Pricing Strategy:**\n```\nReview my pricing page. I have 3 tiers at $29, $79, $199. Should the middle tier be recommended? How do I handle enterprise?\n```\n\n**Freemium vs Trial:**\n```\nShould I use freemium or free trial for my collaboration tool? What are the pros and cons of each?\n```\n\n**SEO Audit:**\n```\nAudit my site for SEO issues. Check technical SEO, on-page optimization, and content quality.\n```\n\n**Pricing Psychology:**\n```\nWhat psychological principles can I apply to my pricing page to increase conversions?\n```\n\n**Page Structure:**\n```\nHelp me structure my landing page. What sections should I include and in what order?\n```\n\n**Objection Handling:**\n```\nWhat objections might visitors have on my pricing page and how should I address them?\n```\n\n**A/B Test Ideas:**\n```\nSuggest A/B test ideas for my homepage hero section. What should I test first?\n```\n\n**Social Proof Strategy:**\n```\nHow should I incorporate social proof on my landing page? Where should logos, testimonials, and stats go?\n```\n\n---\n\n#### ⚛️ React \u0026 Next.js Performance (Vercel Best Practices)\n\nThe `react-best-practices` skill contains **69 rules across 8 priority categories** from Vercel Engineering. It automatically detects performance anti-patterns and suggests fixes prioritized by impact.\n\n**Why it's cool:** Instead of guessing what to optimize, you get Vercel's battle-tested rules applied automatically. The skill catches issues like request waterfalls, bundle bloat, and re-render storms that kill Core Web Vitals.\n\n**Critical: Eliminate Waterfalls (Priority 1)**\n\n```\nI have this data fetching code that feels slow:\n\nconst user = await fetchUser(id);\nconst posts = await fetchPosts(userId);\nconst comments = await fetchComments(postId);\n\nWhy is it slow and how do I fix it?\n```\n\n```\nAdd Suspense boundaries to my Next.js page so the header shows immediately while data loads.\n```\n\n```\nMy API route awaits a database call early but only uses it in one branch. How do I defer the await?\n```\n\n**Critical: Bundle Size (Priority 2)**\n\n```\nMy Next.js bundle is 2MB. Analyze my imports and find barrel file imports that pull in entire libraries.\n```\n\n```\nI'm importing a heavy charting library. Show me how to use next/dynamic with a loading skeleton.\n```\n\n```\nMove my analytics initialization to after hydration so it doesn't block the main bundle.\n```\n\n```\nI have a feature flag that controls a heavy component. Only load the component when the flag is true.\n```\n\n**High: Server-Side Performance (Priority 3)**\n\n```\nI'm calling getUser() in multiple server components. Show me how to use React.cache() to deduplicate.\n```\n\n```\nRestructure this server component to start fetches in the parent and await in children (parallel fetching).\n```\n\n```\nI need to log analytics after responding. Use next/after() to make it non-blocking.\n```\n\n```\nMy server component passes a huge object to a client component. How do I minimize serialization?\n```\n\n**Medium-High: Client-Side Data Fetching (Priority 4)**\n\n```\nConvert my useEffect + useState data fetching to SWR for automatic deduplication and caching.\n```\n\n```\nI'm adding scroll event listeners in multiple components. Show me how to deduplicate them.\n```\n\n```\nMake my scroll listeners passive to improve scrolling performance.\n```\n\n**Medium: Re-render Optimization (Priority 5)**\n\n```\nThis component re-renders every time state changes, but it only uses state in a callback. Fix it.\n```\n\n```\nExtract my expensive list rendering into a memoized component.\n```\n\n```\nMy callback changes on every render because it references count. Use functional setState.\n```\n\n```\nI'm computing derived state in useEffect. Show me how to derive it during render instead.\n```\n\n```\nMy search input lags because filtering is slow. Use startTransition for the non-urgent filter update.\n```\n\n```\nI'm storing mouse position in state but I only use it in event handlers. Use a ref instead.\n```\n\n**Medium: Rendering Performance (Priority 6)**\n\n```\nI have a long list with 1000 items. Add content-visibility: auto for performance.\n```\n\n```\nThis static JSX is defined inside the component. Hoist it outside to avoid recreating.\n```\n\n```\nI'm animating an SVG directly. Wrap it in a div and animate the wrapper instead.\n```\n\n```\nI get hydration mismatch warnings for user-specific data. How do I handle client-only values?\n```\n\n**Low-Medium: JavaScript Performance (Priority 7)**\n\n```\nI'm setting multiple CSS properties in a loop. Batch them using cssText or a class.\n```\n\n```\nI'm doing array.includes() in a loop. Build a Set for O(1) lookups.\n```\n\n```\nI'm accessing object.nested.value repeatedly in a loop. Cache it in a variable.\n```\n\n```\nI have filter().map().filter(). Combine into a single loop.\n```\n\n```\nThis function sorts an array just to find the max. Use a loop instead.\n```\n\n**Advanced Patterns (Priority 8)**\n\n```\nMy event handler function changes every render. Store it in a ref for stable reference.\n```\n\n```\nI need to initialize an SDK once per app load, not per render. Show me the init-once pattern.\n```\n\n---\n\n#### 🔬 Media Forensics \u0026 Deepfake Detection\n\n**Verify Media Authenticity:**\n```\nVerify authenticity of this video before publication. Check for temporal inconsistencies, face swap artifacts, and synthetic speech patterns.\n```\n\n**Detect AI-Generated Images:**\n```\nIs this image AI-generated? Check for diffusion model artifacts, GAN fingerprints, and semantic inconsistencies.\n```\n\n**PRNU Analysis:**\n```\nAnalyze PRNU/PCE sensor fingerprints to match this image to its claimed camera source.\n```\n\n**Content Provenance:**\n```\nVerify C2PA/CAI content provenance and check the cryptographic chain of custody for this media file.\n```\n\n**Forensic Report:**\n```\nCreate a forensic report with authenticity grade (1-6) and confidence intervals for this video.\n```\n\n---\n\n#### 📊 Agent Readiness Assessment\n\n**Run Readiness Report:**\n```\nRun /readiness-report to evaluate this repository for AI-assisted development readiness.\n```\n\n**Identify Gaps:**\n```\nWhat gaps are preventing effective autonomous development in this codebase?\n```\n\n**Maturity Level:**\n```\nCheck which maturity level (L1-L5) this repo achieves across the 9 technical pillars.\n```\n\n---\n\n#### 🚀 Deployment \u0026 DevOps\n\n**Deployer Configuration:**\n```\nCreate a Deployer configuration for deploying TYPO3 to staging and production servers. Include database sync, shared files, and rollback capability.\n```\n\n**GitHub Actions Deployment:**\n```\nSet up GitHub Actions for automated deployment: run tests on PR, deploy to staging on merge to develop, deploy to production on release tag.\n```\n\n**Docker Production Setup:**\n```\nCreate a production-ready Docker setup for TYPO3: nginx, PHP-FPM, Redis, with proper health checks, logging, and security hardening.\n```\n\n### Discovery Commands\n\n```bash\n# List all installed skills (any client)\nls ~/.cursor/skills/\nls ~/.claude/skills/\nls ~/.gemini/skills/\n\n# List project-level skills\nls .cursor/skills/\n\n# View a specific skill's content\ncat skills/typo3-ddev/SKILL.md\n\n# Search for a keyword across all skills\ngrep -r \"DataHandler\" skills/\n\n# Re-install after pulling updates\n./install.sh\n```\n\n### Pro Tips\n\n1. **Use `/` to invoke skills** - Type `/typo3-content-blocks` in Agent chat\n2. **Use trigger keywords naturally** - Just mention \"ddev\" or \"datahandler\" in your prompt\n3. **Be explicit for complex tasks** - Start with \"Using the security-audit skill...\"\n4. **Combine skills** - \"Using typo3-rector and typo3-testing, upgrade my extension and add tests\"\n5. **Check the skill source** - Read `~/.claude/skills/*/SKILL.md` for full documentation\n6. **View in settings** - Go to `Cursor Settings → Rules` to see all discovered skills\n\n## What's Included\n\n### Agent Skills\n\n| Skill | Purpose | Origin |\n|-------|---------|--------|\n| **TYPO3 Development** | | |\n| `typo3-content-blocks` | Content Elements \u0026 Record Types with single source of truth | webconsulting |\n| `typo3-idea-extension-blog` | Assess ideas for TYPO3, build an extension, and draft the companion German MDX post | webconsulting |\n| `typo3-datahandler` | Transactional database operations via DataHandler | webconsulting |\n| `typo3-ddev` | Local DDEV development environment | Netresearch |\n| `typo3-testing` | Unit, functional, E2E, architecture testing | Netresearch |\n| `typo3-conformance` | Extension standards compliance checker | Netresearch |\n| `typo3-docs` | Documentation using docs.typo3.org standards | Netresearch |\n| `typo3-core-contributions` | TYPO3 Core contribution workflow (Gerrit, Forge) | Netresearch |\n| **Upgrade \u0026 Migration** | | |\n| `typo3-rector` | TYPO3 upgrade patterns with Rector | webconsulting |\n| `typo3-update` | TYPO3 TYPO3 v14 migration guide (prefers v14) | webconsulting |\n| `typo3-extension-upgrade` | Systematic extension upgrades (Rector, Fractor) | Netresearch |\n| `typo3-fractor` | Automated non-PHP migrations (FlexForm, TypoScript, Fluid, YAML) | webconsulting |\n| `typo3-icon14` | Design and migrate TYPO3 v14 extension icons | webconsulting |\n| **Security \u0026 Operations** | | |\n| `typo3-security` | Security hardening checklist | webconsulting |\n| `typo3-seo` | SEO configuration with EXT:seo | webconsulting |\n| `typo3-accessibility` | WCAG 2.2 AA audit, Fluid/PHP/JS patterns, go-live checklist | webconsulting |\n| `typo3-simplify` | Simplify TYPO3 code for clarity and maintainability | Anthropic |\n| `typo3-batch` | Batch operations for large-scale TYPO3 migrations | webconsulting |\n| `typo3-powermail` | Powermail 13+ forms, finishers, validators, events | webconsulting |\n| `typo3-records-list-types` | Grid, Compact, Teaser view modes for Records module | webconsulting |\n| `typo3-workspaces` | Workspaces versioning, staging, publishing workflows | webconsulting |\n| `typo3-vite` | Vite build setup for TYPO3 with vite-asset-collector, SCSS, Bootstrap, SVG optimization, and CSP compliance | Netresearch |\n| `typo3-solr` | Apache Solr search: indexing, facets, suggest, vector search | webconsulting |\n| `security-audit` | Security audit patterns (OWASP, XXE, SQLi, XSS) | Netresearch |\n| `security-incident-reporting` | NIST/SANS incident reports, DDoS post-mortem, CVE correlation | webconsulting |\n| `deepfake-detection` | Multimodal media authentication, synthetic media forensics | webconsulting |\n| `enterprise-readiness` | OpenSSF, SLSA, supply chain security | Netresearch |\n| **AI \u0026 SEO** | | |\n| `ai-search-optimization` | AEO/GEO for AI search (schema, llms.txt, TYPO3, MDX) | webconsulting |\n| `readiness-report` | AI agent readiness assessment (9 pillars, 5 maturity levels) | OpenHands |\n| **Code Quality \u0026 Refactoring** | | |\n| `agent-md-refactor` | Refactor bloated AGENTS.md/CLAUDE.md with progressive disclosure | Softaworks |\n| `refactor` | Code refactoring patterns, code smells, design patterns | GitHub |\n| `refactor-clean` | Clean code principles, SOLID patterns, incremental refactoring | sickn33 |\n| `find-skills` | Discover and install skills from skills.sh ecosystem | Vercel |\n| `grill-me` | Stress-test a plan or design through one-at-a-time interview questions | Matt Pocock |\n| **PHP \u0026 Tools** | | |\n| `php-modernization` | PHP 8.x patterns, PHPStan, DTOs, enums | Netresearch |\n| `cli-tools` | CLI tool management and auto-installation | Netresearch |\n| `context7` | Library documentation lookup via REST API | Netresearch |\n| `firecrawl` | Firecrawl CLI for web scraping, search, and research | Firecrawl |\n| `skill-creator` | Guide for creating and packaging Agent Skills | Anthropic |\n| **Database** | | |\n| `postgres-best-practices` | Postgres performance, RLS, indexes, pooling | Supabase |\n| **Marketing** | | |\n| `marketing-skills` | CRO, copywriting, SEO, pricing, psychology | Corey Haines |\n| **Frontend \u0026 Design** | | |\n| `webconsulting-branding` | Design tokens, MDX components, brand guidelines | webconsulting |\n| `ui-design-patterns` | Practical UI design patterns, accessibility | webconsulting |\n| `frontend-design` | Distinctive UI aesthetics, anti-AI-slop patterns | Anthropic |\n| `web-design-guidelines` | Interface review, WCAG, ARIA, accessibility | Vercel |\n| `excalidraw` | Architecture diagrams as `.excalidraw` with optional PNG/SVG export | ooiyeefei |\n| `og-image` | Social preview images (Open Graph), meta tags, Twitter cards | Stevy Smith |\n| `react-best-practices` | React/Next.js performance optimization (69 rules) | Vercel |\n| `shadcn-ui` | shadcn/ui component patterns (Radix UI, Tailwind CSS, Zod) | Giuseppe Trisciuoglio |\n| **Documents \u0026 Office** | | |\n| `document-processing` | PDF, DOCX, PPTX, XLSX creation, editing, analysis | Anthropic |\n| **Video \u0026 Animation** | | |\n| `remotion-best-practices` | Video creation in React with Remotion | remotion-dev |\n| `webconsulting-create-documentation` | Product docs, help pages, video tours (Remotion + GSAP + TTS) | webconsulting |\n| **Legal \u0026 Compliance** | | |\n| `legal-impressum` | Austrian Impressum base skill with `GERMANY`, `EU`, and `WORLD` supplements | webconsulting |\n| **Platform Design** | | |\n| `android-design` | Material Design 3, Jetpack Compose, dynamic color | ehmo |\n| `ios-design` | Apple HIG for iPhone, SwiftUI, Dynamic Type | ehmo |\n| `ipados-design` | Apple HIG for iPad, multitasking, pointer support | ehmo |\n| `macos-design` | Apple HIG for Mac, menu bar, toolbars, shortcuts | ehmo |\n| `tvos-design` | Apple HIG for Apple TV, focus navigation, 10-foot UI | ehmo |\n| `visionos-design` | Apple HIG for Vision Pro, spatial UI, eye/hand input | ehmo |\n| `watchos-design` | Apple HIG for Apple Watch, complications, glanceable UI | ehmo |\n| `web-platform-design` | WCAG 2.2, responsive design, forms, typography, i18n | ehmo |\n| **CRO \u0026 Growth** | | |\n| `cro-funnel` | Full-funnel CRO: form, signup, onboarding, popup, paywall | AITYTech |\n| `programmatic-seo` | SEO pages at scale with templates and data | AITYTech |\n| `launch-strategy` | Product launches, Product Hunt, go-to-market | AITYTech |\n| `ab-testing` | A/B test design, sample size, statistical significance | AITYTech |\n\n### Category-Specific Add-ons\n\nThe repository keeps a small number of category-specific add-on files alongside the main skills:\n\n| Supplement | Purpose |\n|------------|---------|\n| `skills/typo3-solr/SKILL-SOLRFAL.md` | File indexing with solrfal and Apache Tika |\n| `skills/typo3-solr/SKILL-FRONTEND.md` | Custom vanilla JS for search, suggest, facets without jQuery |\n\n**Add-on routing:**\n- `skills/typo3-solr/SKILL-SOLRFAL.md` -\u003e file indexing with solrfal and Apache Tika\n- `skills/typo3-solr/SKILL-FRONTEND.md` -\u003e custom vanilla JS search frontends\n\n### IDE Integration\n\n- **Cross-client skills**: Same `SKILL.md` files work across all supported AI coding assistants\n- **Gemini CLI manifest**: `gemini-extension.json` with triggers for all 63 skills\n- **MCP Configuration**: Placeholder for DDEV, Hetzner, and MySQL servers\n\n## Architecture\n\n```\n                        ┌──────────────────┐\n                        │  skills/ (source) │\n                        │   62 SKILL.md     │\n                        └────────┬─────────┘\n                                 │ symlinks\n           ┌─────────────────────┼─────────────────────┐\n           │                     │                     │\n    ┌──────▼──────┐     ┌───────▼───────┐    ┌───────▼───────┐\n    │  User-Level  │     │ Project-Level  │    │  Native Read   │\n    ├──────────────┤     ├────────────────┤    ├────────────────┤\n    │ ~/.cursor/   │     │ .cursor/skills │    │ AGENTS.md      │\n    │ ~/.claude/   │     │ .cursor/rules  │    │ CLAUDE.md      │\n    │ ~/.gemini/   │     │ .codex/skills  │    │ GEMINI.md      │\n    │ ~/.codex/    │     │ .gemini/skills │    │ .windsurfrules │\n    │ ~/.codeium/  │     │ .windsurf/...  │    │ .github/       │\n    │             │     │                │    │  copilot-...md │\n    └──────────────┘     └────────────────┘    └────────────────┘\n\n    Cursor, Claude       Cursor, Gemini,        No install needed\n    Code, Gemini CLI,    Codex, Windsurf        — each client reads\n    Codex, Windsurf                             its native config file\n```\n\n## Configuration\n\n### MCP Servers\n\nEdit `.cursor/mcp.json` to add your MCP server configurations:\n\n```json\n{\n  \"mcpServers\": {\n    \"ddev\": {\n      \"command\": \"npx\",\n      \"args\": [\"-y\", \"@codingsasi/ddev-mcp\"]\n    },\n    \"hetzner\": {\n      \"command\": \"npx\",\n      \"args\": [\"-y\", \"mcp-hetzner\"],\n      \"env\": {\n        \"HCLOUD_TOKEN\": \"${HCLOUD_TOKEN}\"\n      }\n    }\n  }\n}\n```\n\n### Updating Skills\n\n**Quick Update (recommended):**\n\n```bash\n# Update everything in one command\n./update.sh --pull\n\n# Or step by step:\ngit pull origin main\n./update.sh\n```\n\n**Using Composer:**\n\n```bash\n# Update skills via composer\ncomposer skills:update\n\n# Sync external skills only (no reinstall)\ncomposer skills:sync\n\n# List all available skills\ncomposer skills:list\n\n# Full reinstall\ncomposer skills:install\n```\n\n**Update Script Options:**\n\n```bash\n./update.sh              # Sync external skills and reinstall\n./update.sh --pull       # Pull git changes first, then update\n./update.sh --sync-only  # Only sync external skills, don't reinstall\n./update.sh --force      # Stash local changes if needed\n./update.sh --dry-run    # Show what would be done without making changes\n./update.sh --help       # Show all options\n```\n\n### GitHub Push -\u003e skills.sh Publish (Checklist)\n\nUse this simple flow to keep publication deterministic:\n\n```bash\n# 1) Push skill changes\ngit push origin main\n\n# 2) Refresh imported skills if needed\n./update.sh --sync-only\n\n# 3) Regenerate local mirrors\n./install.sh\n\n# 4) Commit generated files and push\ngit add -A \u0026\u0026 git commit -m \"chore: refresh generated skill mirrors\" \u0026\u0026 git push\n```\n\nThen run the GitHub workflow `skills-sh-publish-check.yml` (manual dispatch) and verify your skill on skills.sh by searching for repository + skill name.\n\n**Syncing External Skills:**\n\nThe `.sync-config.json` file defines external skill sources that are automatically synchronized:\n\n```json\n{\n  \"skills\": [\n    {\n      \"name\": \"react-best-practices\",\n      \"source\": \"https://github.com/vercel-labs/agent-skills.git\",\n      \"branch\": \"main\",\n      \"path\": \"skills/react-best-practices\",\n      \"enabled\": true\n    }\n  ]\n}\n```\n\nTo enable/disable external skill syncing, edit `.sync-config.json` and set `enabled: true/false`.\n\nThe curated `skills/marketing-skills/` wrapper remains repo-owned and keeps its\nupstream thank-you/reference text, but it is not backed by a full mirrored copy\nof Corey Haines' repository inside `external/`.\n\n**GitHub Actions Auto-Sync:**\n\nThe `sync-skills.yml` workflow runs weekly (Mondays 06:00 UTC) and can be triggered manually. It syncs enabled skills from upstream repos and opens a PR on the `chore/sync-skills` branch.\n\nThe repository also enforces upstream attribution guardrails in CI via\n`scripts/check_attribution_guardrails.py` and `.github/workflows/attribution-guardrails.yml`.\nThat check fails if an upstream-derived skill loses its `Credits \u0026 Attribution` block or thank-you\nmessage, or if the README stops naming upstream sources and\ntheir original repositories explicitly.\n\n**Required repo setting:** Go to **Settings \u003e Actions \u003e General \u003e Workflow permissions** and enable **\"Allow GitHub Actions to create and approve pull requests\"** for the workflow to create PRs automatically.\n\n\u003e **Note:** The installer removes and recreates symlinks on each run, so running `./install.sh` or `./update.sh` after pulling always ensures your skills are up to date.\n\n## Technology Stack\n\nSkills in this collection cover:\n\n- **PHP 8.2+** with strict types and modernization guidance in `php-modernization`\n- **TYPO3 v14.x** for CMS projects (skills are v14-only)\n- **React/Remotion** for video creation\n- **DDEV** for local development\n- **Next.js/Astro** for frontend (AI Search Optimization)\n- **TailwindCSS** for styling\n\n## External Skill Repositories\n\nThe following repositories are the source for skills in this collection:\n\n\u003c!-- EXTERNAL_REPOS:START --\u003e\n### Netresearch DTT GmbH (12 skills)\n- `cli-tools`: https://github.com/netresearch/cli-tools-skill\n- `context7`: https://github.com/netresearch/context7-skill\n- `enterprise-readiness`: https://github.com/netresearch/enterprise-readiness-skill\n- `php-modernization`: https://github.com/netresearch/php-modernization-skill\n- `security-audit`: https://github.com/netresearch/security-audit-skill\n- `typo3-conformance`: https://github.com/netresearch/typo3-conformance-skill\n- `typo3-core-contributions`: https://github.com/netresearch/typo3-core-contributions-skill\n- `typo3-ddev`: https://github.com/netresearch/typo3-ddev-skill\n- `typo3-docs`: https://github.com/netresearch/typo3-docs-skill\n- `typo3-extension-upgrade`: https://github.com/netresearch/typo3-extension-upgrade-skill\n- `typo3-testing`: https://github.com/netresearch/typo3-testing-skill\n- `typo3-vite`: https://github.com/netresearch/typo3-vite-skill\n\n### Supabase (1 skill)\n- `postgres-best-practices`: https://github.com/supabase/agent-skills\n\n### Corey Haines (1 skill)\n- `marketing-skills`: https://github.com/coreyhaines31/marketingskills\n\n### ooiyeefei (1 skill)\n- `excalidraw`: https://github.com/ooiyeefei/ccc/tree/main/skills/excalidraw\n\n### Stevy Smith (1 skill)\n- `og-image`: https://github.com/stevysmith/og-image-skill\n\n### Vercel (3 skills)\n- `react-best-practices` and `web-design-guidelines`: https://github.com/vercel-labs/agent-skills\n- `find-skills`: https://github.com/vercel-labs/skills\n\n### Giuseppe Trisciuoglio (1 skill)\n- `shadcn-ui`: https://github.com/giuseppe-trisciuoglio/developer-kit\n\n### Softaworks (1 skill)\n- `agent-md-refactor`: https://github.com/softaworks/agent-toolkit\n\n### Matt Pocock (1 skill)\n- `grill-me`: https://github.com/mattpocock/skills/tree/main/grill-me\n\n### GitHub (1 skill)\n- `refactor`: https://github.com/github/awesome-copilot\n\n### sickn33 (1 skill)\n- `refactor-clean`: https://github.com/sickn33/antigravity-awesome-skills\n\n### ehmo (8 skills)\n- `android-design`, `ios-design`, `ipados-design`, `macos-design`, `tvos-design`, `visionos-design`, `watchos-design`, and `web-platform-design`: https://github.com/ehmo/platform-design-skills\n\n### AITYTech (4 skills)\n- `ab-testing`, `cro-funnel`, `launch-strategy`, and `programmatic-seo`: https://github.com/aitytech/agentkits-marketing\n\n### Anthropic (4 skills)\n- `typo3-simplify`: https://github.com/anthropics/claude-plugins-official/tree/main/plugins/code-simplifier\n- `document-processing`: https://github.com/anthropics/skills/tree/main/skills/document-processing\n- `frontend-design`: https://github.com/anthropics/skills/tree/main/skills/frontend-design\n- `skill-creator`: https://github.com/anthropics/skills/tree/main/skills/skill-creator\n\n### Firecrawl / Mendable, Inc. (1 skill)\n- `firecrawl`: https://github.com/firecrawl/cli\n\n### Remotion (1 skill)\n- `remotion-best-practices`: https://github.com/remotion-dev/skills\n\n### OpenHands (1 skill)\n- `readiness-report`: https://github.com/OpenHands/skills\n\u003c!-- EXTERNAL_REPOS:END --\u003e\n\n## Contributing\n\n1. Create a skill in `skills/your-skill-name/SKILL.md`\n2. Follow the SKILL.md format (see existing skills)\n3. If the skill is adapted from an upstream source, add a full `Credits \u0026 Attribution`\n   block in `SKILL.md` with the upstream owner, original repository, thank-you message,\n   and `Adapted by webconsulting.at for this skill collection`\n4. Keep the Netresearch-specific thank-you wording for Netresearch-derived skills\n5. Run `python3 scripts/check_attribution_guardrails.py` and `./install.sh` to test\n6. Submit a pull request\n\nMost upstream-derived skills are auto-discovered from their `SKILL.md` attribution, so you do not\nneed to register every new upstream skill in `scripts/audit_skills.py`. Only add a manual override\nthere if the repo should display a different origin owner than the upstream repository itself.\n\n## License\n\nThis project uses **split licensing**:\n\n- **Code** (scripts, installers, configuration): [MIT License](LICENSE-MIT)\n- **Content** (skill definitions, documentation, SKILL.md files): [CC-BY-SA-4.0](LICENSE-CC-BY-SA-4.0)\n\nSee [LICENSE](LICENSE) for details and third-party attribution.\n\nThis repository also contains skills adapted from upstream open-source projects.\nEach retains its original copyright and license terms:\n\n- **Netresearch DTT GmbH** — MIT (code) / CC-BY-SA-4.0 (content) for 11 adapted skills\n- **Vercel, Inc.** — React/Next.js optimization, web design, skill discovery (MIT)\n- **Anthropic** — `frontend-design`, `skill-creator` (Apache-2.0); `document-processing` (source-available)\n- **Firecrawl / Mendable, Inc.** — `firecrawl` CLI (ISC); platform is AGPL-3.0\n- **Remotion** — `remotion-best-practices` (custom license, see remotion.dev/license)\n- **platform-design-skills** — Apple HIG and Material Design guidelines (MIT)\n- **AITYTech** — AgentKits Marketing automation (MIT)\n- **Matt Pocock** — `grill-me` planning and design stress-test workflow (MIT)\n\nSee individual SKILL.md files for per-skill attribution and license details.\n\n## Acknowledgements\n\n\u003c!-- ACKNOWLEDGEMENTS:START --\u003e\nWe are deeply grateful to **[Netresearch DTT GmbH](https://www.netresearch.de/)** for their\nfoundational contributions to this skill collection. The majority of TYPO3-related skills and\nseveral cross-domain skills are based on Netresearch's original open-source skill repositories.\nTheir deep expertise in TYPO3 development, enterprise PHP engineering, and AI-augmented workflows\nhas been instrumental in shaping the quality and depth of these guidelines.\n\nAdapted skills: `cli-tools`, `context7`, `enterprise-readiness`, `php-modernization`, `security-audit`, `typo3-conformance`, `typo3-core-contributions`, `typo3-ddev`, `typo3-docs`, `typo3-extension-upgrade`, `typo3-testing`, and `typo3-vite`\n\nOriginal repositories:\n- `cli-tools`: https://github.com/netresearch/cli-tools-skill\n- `context7`: https://github.com/netresearch/context7-skill\n- `enterprise-readiness`: https://github.com/netresearch/enterprise-readiness-skill\n- `php-modernization`: https://github.com/netresearch/php-modernization-skill\n- `security-audit`: https://github.com/netresearch/security-audit-skill\n- `typo3-conformance`: https://github.com/netresearch/typo3-conformance-skill\n- `typo3-core-contributions`: https://github.com/netresearch/typo3-core-contributions-skill\n- `typo3-ddev`: https://github.com/netresearch/typo3-ddev-skill\n- `typo3-docs`: https://github.com/netresearch/typo3-docs-skill\n- `typo3-extension-upgrade`: https://github.com/netresearch/typo3-extension-upgrade-skill\n- `typo3-testing`: https://github.com/netresearch/typo3-testing-skill\n- `typo3-vite`: https://github.com/netresearch/typo3-vite-skill\n\n**Copyright (c) Netresearch DTT GmbH** — TYPO3 development methodology, PHP modernization, and enterprise best practices (MIT / CC-BY-SA-4.0)\nSee: [netresearch.de](https://www.netresearch.de/)\n\n---\n\nWe also thank **[Supabase](https://supabase.com/)** for their excellent open-source work.\nThe `postgres-best-practices` skill in this collection builds on that contribution.\n\nAdapted skill: `postgres-best-practices`\n\nOriginal repositories:\n- `postgres-best-practices`: https://github.com/supabase/agent-skills\n\n**Copyright (c) Supabase** - Postgres performance optimization guidelines\nSee: [Postgres Best Practices for AI Agents](https://supabase.com/blog/postgres-best-practices-for-ai-agents)\n\n---\n\nWe also thank **[Corey Haines](https://corey.co/)** for their excellent open-source work.\nThe `marketing-skills` skill in this collection builds on that contribution.\n\nAdapted skill: `marketing-skills`\n\nOriginal repositories:\n- `marketing-skills`: https://github.com/coreyhaines31/marketingskills\n\n**Copyright (c) Corey Haines** - Marketing frameworks and best practices\nSee: [Conversion Factory](https://conversionfactory.co/) | [Swipe Files](https://swipefiles.com/)\n\n---\n\nWe also thank **[ooiyeefei](https://github.com/ooiyeefei)** for their excellent open-source work.\nThe `excalidraw` skill in this collection builds on that contribution.\n\nAdapted skill: `excalidraw`\n\nOriginal repositories:\n- `excalidraw`: https://github.com/ooiyeefei/ccc/tree/main/skills/excalidraw\n\n**Copyright (c) ooiyeefei** - Excalidraw architecture diagram generation and export workflow (MIT License)\n\n---\n\nWe also thank **[Stevy Smith](https://github.com/stevysmith)** for their excellent open-source work.\nThe `og-image` skill in this collection builds on that contribution.\n\nAdapted skill: `og-image`\n\nOriginal repositories:\n- `og-image`: https://github.com/stevysmith/og-image-skill\n\n**Copyright (c) Stevy Smith** - OG Image generation and social meta tag configuration\n\n---\n\nWe also thank **[Vercel](https://vercel.com/)** for their excellent open-source work.\nThe `find-skills`, `react-best-practices`, and `web-design-guidelines` skills in this collection build on that contribution.\n\nAdapted skills: `find-skills`, `react-best-practices`, and `web-design-guidelines`\n\nOriginal repositories:\n- `react-best-practices` and `web-design-guidelines`: https://github.com/vercel-labs/agent-skills\n- `find-skills`: https://github.com/vercel-labs/skills\n\n**Copyright (c) Vercel, Inc.** - React/Next.js optimization, web design guidelines, skill discovery (MIT License)\n\n---\n\nWe also thank **[Giuseppe Trisciuoglio](https://github.com/giuseppe-trisciuoglio)** for their excellent open-source work.\nThe `shadcn-ui` skill in this collection builds on that contribution.\n\nAdapted skill: `shadcn-ui`\n\nOriginal repositories:\n- `shadcn-ui`: https://github.com/giuseppe-trisciuoglio/developer-kit\n\n**Copyright (c) Giuseppe Trisciuoglio** - shadcn/ui component patterns with Radix UI and Tailwind CSS\n\n---\n\nWe also thank **[Softaworks](https://github.com/softaworks)** for their excellent open-source work.\nThe `agent-md-refactor` skill in this collection builds on that contribution.\n\nAdapted skill: `agent-md-refactor`\n\nOriginal repositories:\n- `agent-md-refactor`: https://github.com/softaworks/agent-toolkit\n\n**Copyright (c) Softaworks** - Agent instruction file refactoring with progressive disclosure\n\n---\n\nWe also thank **[Matt Pocock](https://github.com/mattpocock)** for their excellent open-source work.\nThe `grill-me` skill in this collection builds on that contribution.\n\nAdapted skill: `grill-me`\n\nOriginal repositories:\n- `grill-me`: https://github.com/mattpocock/skills/tree/main/grill-me\n\n**Copyright (c) Matt Pocock** - `grill-me` planning and design stress-test workflow (MIT License)\n\n---\n\nWe also thank **[GitHub](https://github.com/github)** for their excellent open-source work.\nThe `refactor` skill in this collection builds on that contribution.\n\nAdapted skill: `refactor`\n\nOriginal repositories:\n- `refactor`: https://github.com/github/awesome-copilot\n\n**Copyright (c) GitHub** - Code refactoring patterns and best practices\n\n---\n\nWe also thank **[sickn33](https://github.com/sickn33)** for their excellent open-source work.\nThe `refactor-clean` skill in this collection builds on that contribution.\n\nAdapted skill: `refactor-clean`\n\nOriginal repositories:\n- `refactor-clean`: https://github.com/sickn33/antigravity-awesome-skills\n\n**Copyright (c) sickn33** - Clean code principles and SOLID design patterns\n\n---\n\nWe also thank **[ehmo](https://github.com/ehmo)** for their excellent open-source work.\nThe `android-design`, `ios-design`, `ipados-design`, `macos-design`, `tvos-design`, `visionos-design`, `watchos-design`, and `web-platform-design` skills in this collection build on that contribution.\n\nAdapted skills: `android-design`, `ios-design`, `ipados-design`, `macos-design`, `tvos-design`, `visionos-design`, `watchos-design`, and `web-platform-design`\n\nOriginal repositories:\n- `android-design`, `ios-design`, `ipados-design`, `macos-design`, `tvos-design`, `visionos-design`, `watchos-design`, and `web-platform-design`: https://github.com/ehmo/platform-design-skills\n\n**Copyright (c) platform-design-skills** - Apple HIG and Material Design guidelines (MIT License)\n\n---\n\nWe also thank **[AITYTech](https://github.com/aitytech)** for their excellent open-source work.\nThe `ab-testing`, `cro-funnel`, `launch-strategy`, and `programmatic-seo` skills in this collection build on that contribution.\n\nAdapted skills: `ab-testing`, `cro-funnel`, `launch-strategy`, and `programmatic-seo`\n\nOriginal repositories:\n- `ab-testing`, `cro-funnel`, `launch-strategy`, and `programmatic-seo`: https://github.com/aitytech/agentkits-marketing\n\n**Copyright (c) AITYTech** - Enterprise-grade AI marketing automation (MIT License)\n\n---\n\nWe also thank **[Anthropic](https://anthropic.com/)** for their excellent open-source work.\nThe `document-processing`, `frontend-design`, `skill-creator`, and `typo3-simplify` skills in this collection build on that contribution.\n\nAdapted skills: `document-processing`, `frontend-design`, `skill-creator`, and `typo3-simplify`\n\nOriginal repositories:\n- `typo3-simplify`: https://github.com/anthropics/claude-plugins-official/tree/main/plugins/code-simplifier\n- `document-processing`: https://github.com/anthropics/skills/tree/main/skills/document-processing\n- `frontend-design`: https://github.com/anthropics/skills/tree/main/skills/frontend-design\n- `skill-creator`: https://github.com/anthropics/skills/tree/main/skills/skill-creator\n\n**Copyright (c) Anthropic** — `frontend-design` and `skill-creator` (Apache-2.0 License);\n`document-processing` (source-available, see Anthropic's README for terms)\n\n---\n\nWe also thank **[Firecrawl / Mendable, Inc.](https://www.firecrawl.dev/)** for their excellent open-source work.\nThe `firecrawl` skill in this collection builds on that contribution.\n\nAdapted skill: `firecrawl`\n\nOriginal repositories:\n- `firecrawl`: https://github.com/firecrawl/cli\n\n**Copyright (c) Firecrawl / Mendable, Inc.** — CLI (ISC License)\nNote: The Firecrawl platform is AGPL-3.0; this skill documents CLI usage patterns only.\n\n---\n\nWe also thank **[Remotion](https://remotion.dev/)** for their excellent open-source work.\nThe `remotion-best-practices` skill in this collection builds on that contribution.\n\nAdapted skill: `remotion-best-practices`\n\nOriginal repositories:\n- `remotion-best-practices`: https://github.com/remotion-dev/skills\n\nNote: The Remotion library uses a custom license (free for individuals / small companies up to\n3 employees; company license required for larger organizations). This skill documents usa","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdirnbauer%2Fwebconsulting-skills","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdirnbauer%2Fwebconsulting-skills","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdirnbauer%2Fwebconsulting-skills/lists"}