~/.cursor/skills/          ← Cursor (user-level)
~/.claude/skills/          ← Claude Code (user-level)
~/.gemini/skills/          ← Gemini CLI (user-level)
~/.windsurf/skills/        ← Windsurf (user-level)
~/.kiro/skills/            ← Kiro (user-level)

.cursor/
  ├── skills/              ← Cursor (project-level)
  └── rules/               ← Legacy .mdc files (backwards compat)
.codex/skills/             ← OpenAI Codex (project-level)
.clinerules/               ← Cline (project-level)

gemini-extension.json      ← Gemini CLI extension manifest
AGENTS.md                  ← Read natively by Copilot, Aider, Gemini, Codex
CLAUDE.md                  ← Claude Code primary instructions (→ AGENTS.md)
GEMINI.md                  ← Gemini CLI primary instructions (→ AGENTS.md)
.github/copilot-instructions.md  ← GitHub Copilot instructions (→ AGENTS.md)
.windsurfrules             ← Windsurf project rules (→ AGENTS.md)

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

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

# Restart Cursor IDE or Claude Code

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

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

# Skills are installed to all detected AI client directories

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

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

This function is 200 lines long with deeply nested conditionals. Refactor it into smaller, focused functions with guard clauses.

Find all code smells in my UserService class: duplication, god object, long parameter lists, magic numbers.

Apply the Strategy pattern to replace this long switch statement for shipping calculation.

Create a refactoring plan for this legacy module. Identify risky hotspots, propose incremental steps, and keep behavior stable.

Remove dead code, extract duplicated logic into shared utilities, and add proper TypeScript types.

My 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.

Find contradictions in my CLAUDE.md file and flag vague instructions for deletion.

Reorganize my agent config into: code-style.md, testing.md, architecture.md, and git-workflow.md

Find a skill for React performance optimization on skills.sh

Search for available skills related to deployment automation

Install the refactor skill from github/awesome-copilot using npx skills

Set up shadcn/ui in my Next.js project and create a login form with email/password validation using React Hook Form and Zod

Build a dashboard with shadcn/ui: Card grid for stats, data Table with pagination, and toast notifications for actions

Create a settings dialog using shadcn/ui Dialog with a form inside. Include text inputs, a select dropdown for role, and a checkbox for notifications.

Customize the shadcn/ui Button component with a new "gradient" variant and an "xl" size option

Set up a new TYPO3 v14 project with DDEV, Redis caching, and Mailpit for email testing

Configure a multi-site setup with 3 domains sharing the same TYPO3 installation, each with German and English languages

Export the database from production, sanitize sensitive data, and import it into my local DDEV environment

Configure Xdebug in DDEV for step debugging with Cursor/PhpStorm, including the correct IDE key settings

Create a Content Block for a hero banner with: headline, subheadline, background image, CTA button link, and overlay color selection

Create 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.

Create 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.

Create a Record Type for FAQs with question, answer, and category relation. Then create a Content Element that displays FAQs filtered by selected categories.

Create a slider Content Block using a Collection field. Each slide has: image (required), title, description, and link. Limit to 10 slides max.

Migrate my classic content element from TCA/SQL to Content Blocks. Here's my current TCA in Configuration/TCA/Overrides/tt_content.php: [paste TCA]

Convert 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.

Analyze this TCA configuration and show me the equivalent Content Blocks config.yaml with all field mappings: [paste TCA]

My extension has inline (IRRE) child records. Show me how to migrate the parent-child relationship to Content Blocks Collection fields.

Migrate my content element to Content Blocks but keep the existing database column names (tx_myext_*) to avoid data migration. Use prefixField: false.

Create a CLI command that migrates existing content from CType 'myext_hero' to the new Content Blocks CType 'myvendor_hero', including column mapping.

I 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.

Revert 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.

Convert 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

Analyze this Content Blocks config.yaml and generate the equivalent classic TCA PHP configuration with all field mappings: [paste config.yaml]

My 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.

Create a CLI command that reverts content from Content Blocks CType 'myvendor_hero' back to classic CType 'myext_hero', including copying data between columns.

Update 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.

I 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.

After reverting to classic TCA, how do I safely remove the friendsoftypo3/content-blocks dependency and clean up orphaned database columns?

Show 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.

I 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.

Create a repository for my Product model with methods: findByCategory(), findInPriceRange(), and findFeatured(). Use proper typing and QueryBuilder.

Create an Extbase controller with list, show, and filter actions for my Event model. Include proper request handling for TYPO3 v14.

Create a PSR-14 event listener that modifies page titles before rendering. Register it in Services.yaml with the AsEventListener attribute.

Create a Scheduler task that imports products from an external API daily. Include progress reporting and proper error handling.

Create a backend module for managing newsletter subscriptions with list view, export to CSV, and bulk delete functionality.

Create a PSR-15 middleware that adds security headers (CSP, X-Frame-Options, etc.) to all frontend responses.

Upgrade my extension from TYPO3 v12 to support TYPO3 v14. Use Rector for automated refactoring and show me what needs manual attention.

Scan my extension for deprecated code and fix all deprecations for TYPO3 v14. Use typo3-rector rules.

My extension targets TYPO3 v14. Show me current core APIs and patterns for the v14 breaking changes.

Use Fractor to update my TypoScript, Fluid templates, and YAML files for TYPO3 v14 compatibility.

Write unit tests for my ProductService class. Mock the repository and test the calculateDiscount() method with various inputs.

Set up functional tests for my ProductRepository. Include database fixtures and test findByCategory() with actual database queries.

Write Playwright E2E tests for my contact form: test form submission, validation errors, and success message.

Create a GitHub Actions workflow that runs PHPUnit tests, PHPStan analysis, and PHP-CS-Fixer on PHP 8.2 and 8.3 with TYPO3 v14.

Perform a security audit on my AuthController and UserService. Check for XSS, CSRF, SQL injection, and insecure session handling.

Create a security hardening checklist for my TYPO3 installation before going live. Include file permissions, configuration, and server settings.

Review my extension against OWASP Top 10 vulnerabilities and suggest fixes for any issues found.

Configure complete SEO for my TYPO3 site: XML sitemap with custom entries, OpenGraph/Twitter cards, canonical URLs, robots.txt, and structured data for articles.

Set up proper meta tag configuration with fallbacks: use page-specific tags if set, otherwise fall back to site-wide defaults.

Configure hreflang tags for my multi-language site with German, English, and French. Handle default language and x-default correctly.

Add FAQPage, Article, and Organization schema to my TYPO3 site using EXT:schema. Make content more likely to be cited by ChatGPT and Perplexity.

Configure robots.txt to allow AI search bots (GPTBot, PerplexityBot, ClaudeBot) while blocking AI training crawlers (Google-Extended, CCBot). Use TYPO3 site config static routes.

Implement llms.txt for my TYPO3 site using web-vision/ai-llms-txt extension. Configure which pages to include and how to structure the index.

Create 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.

Create a TYPO3 Content Block for FAQ accordion that automatically generates FAQPage schema. Each item has question, answer, and initially-open checkbox.

Add Article schema with author information to my TYPO3 pages using a PSR-14 event listener. Include author name, credentials, LinkedIn, and dates.

Create a reusable Next.js MDX component that generates Article schema from frontmatter (title, description, date, author). Include proper TypeScript types.

Create a React FAQ component for MDX that renders an accessible accordion AND generates FAQPage schema. Use details/summary for no-JS support.

Add author bio fields to my TYPO3 pages (name, credentials, LinkedIn, bio) via TCA extension. Generate Person schema automatically for each page.

Configure visible last-modified dates on my TYPO3 pages using SYS_LASTCHANGED. Add HTTP headers and structured data for content freshness.

Audit my website for AI search visibility: check schema markup quality, E-E-A-T signals, content structure, robots.txt configuration, and llms.txt presence.

What tools can I use to monitor how often my brand is mentioned in ChatGPT, Perplexity, and Google AI Overviews? Set up tracking.

Add a .md URL suffix to my Next.js docs that shows raw MDX source instead of rendered content. Similar to how Vercel docs works.

Perplexity prefers fresh content. How do I optimize my content update frequency and visible timestamps to maximize Perplexity citations?

What specific schema types and content structures increase the chance of appearing in Google AI Overviews? Implement for my TYPO3 site.

Create RST documentation for my extension following docs.typo3.org standards. Include: introduction, installation, configuration, and usage sections.

Document my public API methods using proper RST format with code examples and configuration references.

Configure PHPStan at level 9 for my extension. Fix all errors and add proper type hints to pass the analysis.

Assess my extension for enterprise readiness: OpenSSF best practices, supply chain security, and quality gates for CI/CD.

Set up quality gates for my project: PHPStan level 8+, test coverage >80%, no critical security issues, and proper documentation.

Create a reusable Fluid partial for a card component with image, title, description, link, and optional badge. Make it work with Content Blocks data.

Review my contact form for accessibility issues. Ensure proper labels, error messages, focus management, and ARIA attributes.

Apply the webconsulting design system to my TYPO3 templates: colors, typography, spacing, and component styles.

Create a landing page that looks nothing like a typical SaaS template. Use bold typography, asymmetric layout, and a unique color palette.

Design a dark-mode landing page with a gradient mesh background, floating elements, and glass morphism cards.

Build a brutalist-style landing page with raw aesthetics, monospace fonts, and intentional visual tension.

Suggest distinctive font pairings for my tech startup. Avoid Inter, Roboto, and other overused fonts.

Create a typography system with a display font for headlines and a body font that pairs well. Show me the CSS variables.

Design a heading hierarchy with variable font weights, tight letter-spacing, and optical sizing.

Create a cohesive color palette for a fintech app. Use a dominant color for 60%, secondary for 30%, and accent for 10%.

Design a dark theme color system with proper contrast ratios, surface elevation colors, and accent states.

Generate a color palette inspired by [brand/concept]. Include semantic colors for success, warning, error states.

Create a hero section with a diagonal split layout, bold headline on the left, and product screenshot on the right.

Design a full-screen hero with animated gradient background, centered headline with letter-by-letter animation.

Build a hero with parallax scrolling, floating UI elements, and a CTA that pulses subtly.

Create a pricing card with glass morphism effect, gradient border, and hover animation that lifts the card.

Design a testimonial carousel with asymmetric cards, large quotation marks, and smooth slide transitions.

Build a feature grid with icons that animate on hover, subtle shadows, and a staggered reveal animation.

Add micro-interactions to my buttons: subtle scale on hover, satisfying click feedback, loading state animation.

Create a page transition effect with content that slides up and fades in as you scroll.

Design a navigation menu that morphs smoothly between mobile hamburger and desktop horizontal layout.

Create a gradient mesh background using CSS that subtly animates and shifts colors.

Add a noise texture overlay to my dark sections for visual depth without looking dated.

Build an animated blob background that responds to mouse movement.

Review my landing page for generic AI patterns. Check for: overused fonts, stock gradients, predictable layouts, bland copy.

Make this hero section more distinctive. It currently looks like every other SaaS landing page.

Audit my design for "AI slop" indicators and suggest specific improvements for each issue.

Check all text colors in my CSS for WCAG 2.1 AA contrast compliance (4.5:1 for normal text, 3:1 for large text).

My brand color is #3B82F6. What's the minimum darkness needed for text on white background to pass WCAG AA?

Review my color palette for colorblind accessibility. Suggest alternatives for red/green combinations.

Audit my interactive elements for visible focus indicators. Show me how to add proper focus-visible styles.

My designer wants to remove focus outlines. Create accessible alternatives that still look good.

Add a skip link to my page header that becomes visible on focus.

Review my form for accessibility issues: labels, error messages, required field indicators, and field grouping.

Make this form accessible: add proper labels, aria-describedby for help text, and live error announcements.

Create an accessible date picker pattern with keyboard navigation and screen reader support.

Audit my page structure for semantic HTML issues. Check heading hierarchy, landmarks, and proper element usage.

Convert this div-soup navigation to proper semantic HTML with nav, ul, li, and a elements.

Review my table markup. Add proper headers, scope attributes, and caption for accessibility.

Implement an accessible modal dialog with proper focus trapping, escape key handling, and aria attributes.

Create accessible tabs with proper ARIA roles, keyboard navigation (arrow keys), and focus management.

Build an accessible accordion using details/summary with enhanced keyboard support and animations.

Add ARIA live regions to my notification system so screen readers announce new messages.

Audit my page for keyboard accessibility. Check tab order, focus traps, and interactive element reachability.

My dropdown menu isn't keyboard accessible. Fix the tab order and add arrow key navigation.

Create a keyboard-navigable image gallery with arrow keys, escape to close, and focus restoration.

What will a screen reader announce for this component? Check all interactive elements and dynamic content.

Add proper alt text to my images. Some are decorative, some are informational, some are functional.

Review my icon buttons. They need accessible names since they have no visible text.

Audit my touch targets for mobile accessibility. Minimum 44x44px with adequate spacing.

Check my responsive design for accessibility issues at different breakpoints and zoom levels.

Add prefers-reduced-motion support to my animations for users with vestibular disorders.

Run a full accessibility audit on my homepage. Check: color contrast, focus states, semantic HTML, ARIA, keyboard nav, and alt text.

Prepare my site for WCAG 2.1 AA compliance. Create a checklist of issues and fixes.

Review this component against WCAG success criteria and list all failures with fixes.

Extract all text from this PDF while preserving structure (headings, paragraphs, lists).

Extract the table on page 3 of this PDF into a structured format I can use in code.

Extract text from this scanned PDF using OCR. The quality is poor, so maximize accuracy.

Create a PDF invoice with company header, line items table, and footer with payment terms.

Generate a PDF report from this data with charts, tables, and formatted sections.

Create a certificate PDF with a decorative border, centered text, and signature line.

Merge these 5 PDF files into one, maintaining bookmarks and page numbers.

Split this 100-page PDF into separate files, one per chapter (chapters start at pages 1, 23, 45, 67, 89).

Extract pages 10-25 from this PDF as a new file.

Rotate all landscape pages in this PDF to portrait orientation.

Add a watermark "CONFIDENTIAL" to every page of this PDF.

Password-protect this PDF with encryption.

Extract all text from this DOCX file as plain markdown, preserving headings and lists.

Convert this Word document to clean markdown for use in my documentation site.

Create a Word document from this markdown content with proper heading styles.

Create a DOCX file with my report content, including a table of contents and page numbers.

Find and replace all instances of "Company A" with "Company B" in this Word document.

Extract all tracked changes from this Word document and list them with authors and dates.

Accept all tracked changes in this document and save a clean version.

Add a comment to this Word document at the paragraph starting with "In conclusion..."

Extract all text from this PowerPoint presentation, organized by slide.

Create a summary of this PPTX: slide titles, key bullet points, and speaker notes.

Convert this PowerPoint to a markdown outline for use in documentation.

Create a PowerPoint presentation from this markdown outline. Use a clean, professional style.

Generate slides for my quarterly report: title slide, 4 content slides with charts, and summary slide.

Create a pitch deck with these sections: Problem, Solution, Market, Traction, Team, Ask.

Replace all images in this PowerPoint with updated versions from this folder.

Update the footer on all slides to show "Q4 2026" instead of "Q3 2026".

Extract slide 5 as a high-resolution PNG image for use in marketing.

Analyze this Excel file and summarize: row count, column names, data types, and any obvious issues.

Calculate summary statistics for the 'Revenue' column: sum, average, min, max, and standard deviation.

Find all duplicate rows in this Excel file based on the 'Email' column.

Create a pivot table summary: sales by region and product category.

Create an Excel file from this JSON data with proper column headers and formatting.

Generate an Excel report with these sheets: Summary, Details, Charts. Add formulas, not hardcoded values.

Create a budget spreadsheet with categories, monthly columns, and SUM formulas for totals.

Add formulas to this Excel file: column D should be C * B, and row 20 should sum each column.

Format this Excel file: header row bold with background color, currency format for money columns, alternating row colors.

Create a financial model with proper Excel standards: blue for inputs, black for formulas, green for outputs.

Add conditional formatting: highlight cells red if value is negative, green if above target.

Create a dropdown list in column A that only allows values from the 'Categories' sheet.

Add data validation to the 'Date' column to only accept dates in 2026.

Create a chart from this data and embed it in the 'Dashboard' sheet.

Protect this worksheet but allow users to edit cells in the 'Input' range.

Convert this PDF report to an editable Word document, preserving formatting as much as possible.

Extract the tables from this PDF and save them as an Excel file.

Create a PowerPoint from the key findings in this Excel analysis.

Batch process all PDFs in this folder: extract text and save as individual markdown files.

Set up EXT:solr with DDEV using the ddev-typo3-solr addon. Configure the Solr connection for my TYPO3 13.4 site with two languages (German and English).

Configure a production Docker setup for Solr with persistent data, custom configsets, and health checks.

Set up hosted-solr.com for my multi-language TYPO3 site. Configure per-environment connections using helhum/dotenv-connector.

Index EXT:news records into Solr with categories, tags, and author information. Configure the Index Queue via TypoScript.

Create a custom PSR-14 event listener that enriches Solr documents with data from related records during indexing.

My items are in the Index Queue but not appearing in search results. Debug the full pipeline from queue to search.

Index custom Extbase records from tx_myext_domain_model_product with price, categories, and images.

Configure faceted search with category filters, date range facets, and price range facets. Include proper TypoScript and Fluid templates.

Add a hierarchical category facet that shows parent > child categories with item counts.

Add suggest/autocomplete to my search form. Show search suggestions as the user types with proper debouncing.

Replace the default jQuery-based suggest with vanilla JavaScript. Use the EXT:solr suggest API endpoint.

Set up Solr vector search with OpenAI embeddings for semantic search on my TYPO3 content. Use Solr's native dense vector support.

Configure Solr's text-to-vector transformer with a local model for embedding generation without external API calls.

Index PDF files from fileadmin into Solr using EXT:solrfal and Apache Tika. Configure the Tika server in Docker.

Set up file indexing for Word documents, Excel files, and PDFs with proper content extraction and metadata.

Build a custom search interface with vanilla JavaScript: instant search results, facet filtering, and pagination without jQuery.

My search returns "Search is currently not available." Debug the connection, core status, and configuration.

Full debugging: walk through the complete pipeline from Solr connection to search results. Check Index Queue, schema, and query configuration.

Items show as "indexed" in the backend but search returns zero results. How do I debug the search query?

Create a TCA select field for tt_content with 5 layout options. Include icons, default value, and proper labeling.

Add a TCA group field to my model for selecting multiple pages. Include proper MM relation and maxitems configuration.

Configure TCA inline relations for a parent-child relationship between Event and Ticket models. Include sorting, expand/collapse, and appearance options.

Create a FlexForm for my plugin with tabs: General (items per page, sort order), Display (template selection, show images), and Filter (category selection).

Add a FlexForm field that allows selecting multiple news categories from the database. Use itemsProcFunc or foreign_table.

Create a route enhancer for my events plugin that generates URLs like /events/2024/01/my-event-title instead of ?tx_events[event]=123

Configure site routing for a multi-language site with German (de), English (en), and French (fr). Include language fallbacks and proper base paths.

Add static routes for /sitemap.xml, /robots.txt, and a custom /api/* route that bypasses TYPO3's page handling.

Create a service that processes uploaded images: resize to max 2000px, convert to WebP, and store in a specific folder with proper FAL references.

Extract and store EXIF data from uploaded images: camera model, date taken, GPS coordinates. Update the sys_file_metadata table.

Create a custom image processor that adds a watermark to images on-the-fly when requested with a specific processing instruction.

Set up proper translation handling for my custom model. Include language overlay configuration, fallback types, and translation workflow.

Create XLIFF translation files for German, English, and French. Include pluralization rules and context descriptions for translators.

Create a command that synchronizes translations from a translation management system (like Phrase or Lokalise) into TYPO3 XLIFF files.

Create a custom form finisher that sends data to a CRM API after form submission. Include error handling and logging.

Create a custom form validator that checks if an email address is from an allowed domain list and not a disposable email provider.

Create a styled HTML email template using Fluid that works across email clients. Include inline CSS, responsive design, and plain text fallback.

Configure Redis caching for my extension with proper cache groups, lifetime settings, and cache tags for targeted invalidation.

Implement a caching strategy for my news listing that uses cache tags to invalidate only affected pages when a news item is updated.

Analyze and optimize my TYPO3 site's performance: database queries, cache configuration, asset loading, and image optimization.

Create a frontend user registration flow with email verification, password requirements, and custom fields. Handle fe_users and fe_groups.

Configure granular backend user permissions: restrict access to specific page trees, content types, and file mounts. Set up user groups properly.

Integrate SAML-based SSO for backend users using Azure AD or Okta. Include proper user provisioning and group mapping.

Create a REST API endpoint for my Product model with GET (list/detail), POST (create), PUT (update), and DELETE operations. Include authentication.

Implement rate limiting for my API endpoints: 100 requests per minute per API key, with proper headers and error responses.

Configure TYPO3 for headless operation with JSON output. Set up content elements as JSON, configure CORS, and handle routing for a React/Vue frontend.

Create a Symfony Console command for my extension that imports products from a CSV file. Include progress bar, dry-run mode, and validation.

Create a CLI command that runs nightly to clean up expired records, send reminder emails, and generate reports. Include proper logging.

Set up custom logging for my extension: separate log files, different log levels for dev/prod, and structured logging with context data.

Create a debugging middleware that logs all requests with timing, memory usage, and database query counts in development mode.

Implement proper error handling for my API: custom exceptions, error codes, meaningful messages, and integration with Sentry or similar.

Create a Remotion composition with a 1920x1080 video at 30fps, 5 seconds duration. Add a centered title that fades in.

Build a YouTube-style intro: logo zooms in with spring animation, title types in letter-by-letter, then both fade out.

Create an audio visualizer that reacts to music. Use waveform data to animate bars that pulse with the beat.

Add TikTok-style word-by-word captions to my video. Highlight the current word, use a bold font, and add a subtle shadow.

Create a video with 3 scenes using slide and fade transitions. Each scene has different background colors and centered text.

Build a 3D product rotation video using React Three Fiber. The product rotates 360° with smooth easing over 4 seconds.

Create an animated bar chart that grows from zero. Each bar animates in sequence with a spring effect. Add value labels.

Create a Remotion composition where the duration is calculated based on the audio file length using calculateMetadata.

Embed an animated GIF into my Remotion video, synchronized with the timeline. Loop it 3 times during a 6-second segment.

Add a Lottie animation to my video intro. Synchronize the Lottie playback with Remotion's frame timing.

Load a custom Google Font (Inter) and a local font file (.woff2) for my video. Apply different weights to title and subtitle.

Embed an external video file, trim the first 2 seconds, and play it at 1.5x speed. Add a fade-out at the end.

Create a Still composition for video thumbnails. Include the video title, a background image, and a play button overlay.

Create a sequence of 5 elements that animate in one after another with 0.5s delays. Use useCurrentFrame and interpolate.

Animate a bouncing ball using spring physics. Configure tension, friction, and mass for a realistic bounce effect.

Create a help page for my Next.js app with collapsible FAQ sections, step-by-step instructions, and AI-generated placeholder illustrations.

Build a user guide with navigation sidebar, search, and dark/light mode support.

Create a 60-second product tour video with Remotion. Include title card, 3 feature scenes with narration, and an end card with QR codes.

Generate ElevenLabs TTS narration in a Jony Ive-inspired calm, deliberate style for my product walkthrough script.

Add Suno AI background music to my Remotion video with automatic volume ducking during narration.

Create an animated architecture diagram where SVG nodes pop in with elastic easing and connection lines draw themselves between components.

Build 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.

Animate a data dashboard with number odometers counting up, staggered table row reveals, and spring-loaded bar charts.

Create a code diff walkthrough animation: removed lines shrink and glow red, new lines expand and glow green, unchanged lines glide to new positions.

Animate a glass morph spotlight effect that zooms into a UI area using clip-path while blurring the rest of the screenshot.

Create GitHub README documentation with dark/light theme screenshots using <picture> tags and an embedded product video.

Create an OG image page for my Next.js app that matches my existing design system. Use my brand colors and fonts.

Configure all necessary Open Graph and Twitter card meta tags for my website. Include og:image at 1200x630.

Navigate to my /og-image page, resize to 1200x630, and take a screenshot for use as og:image.

I've updated my OG image. How do I refresh the cache on Facebook, Twitter, and LinkedIn?

Show me the different OG image design templates available: cosmic, editorial, brutalist, ethereal.

My database has orphaned records and broken relations. Create a command that finds and optionally fixes these issues safely.

I need to update all tt_content records of a certain type: change a field value, update relations, and clear cache. Use DataHandler properly.

Migrate content from an old TYPO3 v10 installation to v14. Map old content types to new ones, handle file references, and preserve URLs.

Debug conflicts between two extensions that both modify the same TCA or hook into the same events. Find the issue and suggest resolution.

Analyze my database for performance issues: missing indexes, large tables, unused fields. Suggest optimizations and create migration scripts.

Optimize this slow Postgres query. Use EXPLAIN ANALYZE to identify bottlenecks and suggest proper indexes.

Set up Row Level Security for my multi-tenant orders table. Users should only see their own orders. Use auth.uid() with proper caching.

Configure PgBouncer connection pooling for my Supabase project. Recommend pool size based on 4GB RAM.

Find all foreign key columns in my database that are missing indexes. Generate CREATE INDEX statements.

Convert my OFFSET-based pagination to cursor-based pagination for the products table. Handle multi-column sorting.

Optimize my bulk insert loop. Convert individual INSERTs to batched statements or COPY for better performance.

Review my RLS policies for performance issues. Wrap function calls in SELECT for caching and add proper indexes.

My JSONB queries on the products.attributes column are slow. Add the right index type (GIN vs expression index).

Optimize this landing page for conversions. Analyze the value proposition, headline, CTAs, and social proof placement.

Write homepage copy for my SaaS product that helps teams manage projects. Focus on clarity over cleverness.

Generate 5 headline variations for my product using proven formulas. Product: email marketing tool for e-commerce.

Improve these CTA buttons. Current: "Submit", "Learn More", "Sign Up". Make them value-focused.

Review my pricing page. I have 3 tiers at $29, $79, $199. Should the middle tier be recommended? How do I handle enterprise?

Should I use freemium or free trial for my collaboration tool? What are the pros and cons of each?

Audit my site for SEO issues. Check technical SEO, on-page optimization, and content quality.

What psychological principles can I apply to my pricing page to increase conversions?

Help me structure my landing page. What sections should I include and in what order?

What objections might visitors have on my pricing page and how should I address them?

Suggest A/B test ideas for my homepage hero section. What should I test first?

How should I incorporate social proof on my landing page? Where should logos, testimonials, and stats go?

I have this data fetching code that feels slow:

const user = await fetchUser(id);
const posts = await fetchPosts(userId);
const comments = await fetchComments(postId);

Why is it slow and how do I fix it?

Add Suspense boundaries to my Next.js page so the header shows immediately while data loads.

My API route awaits a database call early but only uses it in one branch. How do I defer the await?

My Next.js bundle is 2MB. Analyze my imports and find barrel file imports that pull in entire libraries.

I'm importing a heavy charting library. Show me how to use next/dynamic with a loading skeleton.

Move my analytics initialization to after hydration so it doesn't block the main bundle.

I have a feature flag that controls a heavy component. Only load the component when the flag is true.

I'm calling getUser() in multiple server components. Show me how to use React.cache() to deduplicate.

Restructure this server component to start fetches in the parent and await in children (parallel fetching).

I need to log analytics after responding. Use next/after() to make it non-blocking.

My server component passes a huge object to a client component. How do I minimize serialization?

Convert my useEffect + useState data fetching to SWR for automatic deduplication and caching.

I'm adding scroll event listeners in multiple components. Show me how to deduplicate them.

Make my scroll listeners passive to improve scrolling performance.

This component re-renders every time state changes, but it only uses state in a callback. Fix it.

Extract my expensive list rendering into a memoized component.

My callback changes on every render because it references count. Use functional setState.

I'm computing derived state in useEffect. Show me how to derive it during render instead.

My search input lags because filtering is slow. Use startTransition for the non-urgent filter update.

I'm storing mouse position in state but I only use it in event handlers. Use a ref instead.

I have a long list with 1000 items. Add content-visibility: auto for performance.

This static JSX is defined inside the component. Hoist it outside to avoid recreating.

I'm animating an SVG directly. Wrap it in a div and animate the wrapper instead.

I get hydration mismatch warnings for user-specific data. How do I handle client-only values?

I'm setting multiple CSS properties in a loop. Batch them using cssText or a class.

I'm doing array.includes() in a loop. Build a Set for O(1) lookups.

I'm accessing object.nested.value repeatedly in a loop. Cache it in a variable.

I have filter().map().filter(). Combine into a single loop.

This function sorts an array just to find the max. Use a loop instead.

My event handler function changes every render. Store it in a ref for stable reference.

I need to initialize an SDK once per app load, not per render. Show me the init-once pattern.

Verify authenticity of this video before publication. Check for temporal inconsistencies, face swap artifacts, and synthetic speech patterns.

Is this image AI-generated? Check for diffusion model artifacts, GAN fingerprints, and semantic inconsistencies.

Analyze PRNU/PCE sensor fingerprints to match this image to its claimed camera source.

Verify C2PA/CAI content provenance and check the cryptographic chain of custody for this media file.

Create a forensic report with authenticity grade (1-6) and confidence intervals for this video.

Run /readiness-report to evaluate this repository for AI-assisted development readiness.

What gaps are preventing effective autonomous development in this codebase?

Check which maturity level (L1-L5) this repo achieves across the 9 technical pillars.

Create a Deployer configuration for deploying TYPO3 to staging and production servers. Include database sync, shared files, and rollback capability.

Set up GitHub Actions for automated deployment: run tests on PR, deploy to staging on merge to develop, deploy to production on release tag.

Create a production-ready Docker setup for TYPO3: nginx, PHP-FPM, Redis, with proper health checks, logging, and security hardening.

# List all installed skills (any client)
ls ~/.cursor/skills/
ls ~/.claude/skills/
ls ~/.gemini/skills/

# List project-level skills
ls .cursor/skills/

# View a specific skill's content
cat skills/typo3-ddev/SKILL.md

# Search for a keyword across all skills
grep -r "DataHandler" skills/

# Re-install after pulling updates
./install.sh

                        ┌──────────────────┐
                        │  skills/ (source) │
                        │   61 SKILL.md     │
                        └────────┬─────────┘
                                 │ symlinks
           ┌─────────────────────┼─────────────────────┐
           │                     │                     │
    ┌──────▼──────┐     ┌───────▼───────┐    ┌───────▼───────┐
    │  User-Level  │     │ Project-Level  │    │  Native Read   │
    ├──────────────┤     ├────────────────┤    ├────────────────┤
    │ ~/.cursor/   │     │ .cursor/skills │    │ AGENTS.md      │
    │ ~/.claude/   │     │ .cursor/rules  │    │ CLAUDE.md      │
    │ ~/.gemini/   │     │ .codex/skills  │    │ GEMINI.md      │
    │ ~/.windsurf/ │     │ .clinerules/   │    │ .windsurfrules │
    │ ~/.kiro/     │     │                │    │ .github/       │
    │              │     │                │    │  copilot-...md │
    └──────────────┘     └────────────────┘    └────────────────┘

    Cursor, Claude       Cursor, Codex,         No install needed
    Code, Gemini CLI,    Cline                  — each client reads
    Windsurf, Kiro                              its native config file

{
  "mcpServers": {
    "ddev": {
      "command": "npx",
      "args": ["-y", "@codingsasi/ddev-mcp"]
    },
    "hetzner": {
      "command": "npx",
      "args": ["-y", "mcp-hetzner"],
      "env": {
        "HCLOUD_TOKEN": "${HCLOUD_TOKEN}"
      }
    }
  }
}

# Update everything in one command
./update.sh --pull

# Or step by step:
git pull origin main
./update.sh

# Update skills via composer
composer skills:update

# Sync external skills only (no reinstall)
composer skills:sync

# List all available skills
composer skills:list

# Full reinstall
composer skills:install

./update.sh              # Sync external skills and reinstall
./update.sh --pull       # Pull git changes first, then update
./update.sh --sync-only  # Only sync external skills, don't reinstall
./update.sh --force      # Stash local changes if needed
./update.sh --dry-run    # Show what would be done without making changes
./update.sh --help       # Show all options

# 1) Push skill changes
git push origin main

# 2) Refresh imported skills if needed
./update.sh --sync-only

# 3) Regenerate local mirrors
./install.sh

# 4) Commit generated files and push
git add -A && git commit -m "chore: refresh generated skill mirrors" && git push

{
  "skills": [
    {
      "name": "react-best-practices",
      "source": "https://github.com/vercel-labs/agent-skills.git",
      "branch": "main",
      "path": "skills/react-best-practices",
      "enabled": true
    }
  ]
}