🎯

preview-testing

🎯Skill

from svenja-dev/claude-code-skills

VibeIndex|
What it does

Based on the repository's overview and context, I cannot definitively determine the specific purpose of the "preview-testing" skill from the README. The README provides a general overview of Claude...

preview-testing

Installation

Install skill:
npx skills add https://github.com/svenja-dev/claude-code-skills --skill preview-testing
5
Last UpdatedJan 8, 2026

Skill Details

SKILL.md

Overview

# Claude Code Skills Collection

Author: Svenja-dev ([@Svenja-dev](https://github.com/Svenja-dev))

Website: [fabrikIQ.com](https://www.fabrikiq.com) - AI-powered Manufacturing Analytics

License: MIT

Last Updated: December 2025

---

About Me

I'm a 50+ single mom of 11-year-old twins, working on this project alongside my day job. I don't have an engineering or programming background - just a Master's in Public Administration and one in European Administrative Management.

I'm proud of what I've built here.

If someone with my background can create production-tested skills, hooks, and a GDPR-compliant B2B SaaS, so can you. AI-assisted development has opened doors that were closed to many of us before.

---

A collection of production-tested Claude Code skills for B2B SaaS development, focusing on TypeScript, quality gates, and multi-LLM workflows. These skills were developed while building [fabrikIQ](https://app.fabrikiq.com), a GDPR-compliant manufacturing analytics platform.

Quick Start

Copy each skill's content into ~/.claude/skills//SKILL.md

Skills Overview

| Skill | Purpose | Use Case |

|-------|---------|----------|

| code-quality-gate | 5-stage quality pipeline | Prevent production failures |

| strict-typescript-mode | Enforce type safety | TypeScript best practices |

| multi-llm-advisor | Get multiple AI perspectives | Architecture & debugging |

| gemini-image-gen | Generate images via Gemini | Marketing assets |

| qa-checklist | 6-phase QA before merge/deploy | Production readiness |

| safe-git-guard | Prevent destructive git operations | Git safety |

| ui-freeze | Protect theme and design files | Design consistency |

Hooks (Automation)

| Hook | Trigger | Purpose |

|------|---------|---------|

| security-scan.ts | PreToolUse -> Bash | Blocks dangerous git commands |

| pre-commit-quality.ts | PreToolUse -> Bash | Secret scanning + TSC |

| post-edit-tsc-check.ts | PostToolUse -> Edit | TypeScript validation |

| post-tool-use-tracker.ts | PostToolUse -> Edit | Tracks edited files |

| supervisor-trigger.ts | UserPromptSubmit | Activates QA mode |

Commands (Slash Commands)

See [commands/README.md](commands/README.md) for 19 slash commands including:

  • /think - Ultimate thinking mode
  • /supervisor - Multi-Agent QA mode
  • /qa - Run Quality Gates
  • /strategy-fan - Generate 4 strategies
  • /deploy-check - Pre-deployment verification

Installation

```bash

# Skills

cp -r skills/* ~/.claude/skills/

# Hooks

cp hooks/*.ts ~/.claude/hooks/

npm install -g tsx

# Commands

cp commands/*.md ~/.claude/commands/

```

Contributing

Found these useful? Open an issue or PR!

Contact: Reddit [@Svenja-dev](https://github.com/Svenja-dev) | Website: [www.fabrikiq.com](https://www.fabrikiq.com)

License

MIT License - Use freely, attribution appreciated.

More from this repository10

🎯
code-quality-gate🎯Skill

Enforces a rigorous 5-stage quality pipeline to systematically prevent potential production failures by comprehensively validating code before deployment.

🎯
social-media-content🎯Skill

Generates targeted social media content drafts for B2B marketing, optimized for specific platforms and audience engagement, using structured templates and industry-specific language.

🎯
project-development🎯Skill

Guides developers through structured project initialization, architecture design, and milestone planning using best practices and AI-assisted workflows.

🎯
reddit-research🎯Skill

Extracts and summarizes relevant Reddit discussions, posts, and comments to provide research insights on a specified topic or query.

🎯
strict-typescript-mode🎯Skill

Automatically applies strict TypeScript configuration, enforcing type safety, null checks, and best practices for robust and predictable code

🎯
multi-llm-advisor🎯Skill

Compares and synthesizes insights from multiple language models to provide comprehensive, nuanced recommendations across different AI perspectives.

🎯
linkedin-engagement🎯Skill

Generates personalized LinkedIn engagement strategies and draft connection messages to help professionals expand their professional network and increase meaningful interactions.

🎯
safe-git-guard🎯Skill

Prevents accidental destructive git operations like force pushes, branch deletions, or risky global resets by implementing safety checks and blocking potentially dangerous git commands.

🎯
qa-checklist🎯Skill

Generates comprehensive QA checklists for software testing, covering functional, performance, security, and usability testing requirements

🎯
tdd-strict🎯Skill

tdd-strict skill from svenja-dev/claude-code-skills