Skills & Workspace Reference Catalog

Copy Skills, Master Prompts & UI Primitives

1-click copy verified agent skills, slash commands, design tokens, and workspace master prompts for Claude Code, Cursor, Codex, Antigravity, and OpenCode.

✨ Socrates Portfolio

⚡ Popular Community Skills (1-Click Install)

Click to copy command directly into your terminal

Matt Pocock TypeScript SkillsTypeScript

npx skills@latest add mattpocock/skills --skill=setup-matt-pocock-skills

Playwright E2E Testing SkillQA / E2E

npx @qaskills/cli add playwright-e2e

Leonxlnx Taste Design SuiteDesign Taste

npx skills add Leonxlnx/taste-skill

Matt Pocock TypeScript Pro Skillsv2.0.0

/setup-matt-pocock-skills

TypeScript & Architecture

Trigger: Advanced TypeScript typing, generic inference, strict type safety, ts-reset, or error debugging.

# Directive snippet:

Enforce Matt Pocock TypeScript standards: explicit return types on public APIs, discriminated unions, generic inference constraints, and zero loose "any" types.

Playwright Multi-Browser E2E QAv2.0.0

/playwright-e2e

QA & Gauntlet

Trigger: Writing or running deterministic browser integration tests, visual regression, or user journeys.

# Directive snippet:

Scaffold and run Playwright E2E browser tests across Chromium, Firefox, and WebKit viewports with trace recordings.

Leonxlnx Full Design Taste Suitev2.0.0

/taste-skill

UI Taste & Design

Trigger: Installing the comprehensive anti-AI slop design skills bundle (Minimalist, Brutalist, Stitch, Emil, GSAP).

# Directive snippet:

Enforce Leonxlnx taste-skills: zero AI-slop glows, high-end editorial typography, calibrated optical whitespace, and bespoke micro-motion.

Last 30 Days Researchv2.0.0

/last30days

Research & Intelligence

Trigger: Real-world consensus, recent 2026 opinions, or discussions from Reddit/HN/X/GitHub.

# Directive snippet:

Use the last30days skill to fetch fresh community consensus, sentiment, and recent production feedback across Reddit, Hacker News, X, and GitHub before architecting new features.

Context7 Documentation Searchv2.0.0

/find-docs

Research & Intelligence

Trigger: Working with an unfamiliar API, third-party SDK, or recently updated library syntax.

# Directive snippet:

Always consult Context7 MCP (resolve-library-id -> query-docs) for verified documentation on libraries and SDKs rather than hallucinating outdated APIs.

Socratic Requirement Interviewv2.0.0

/grill-me

Planning & Architecture

Trigger: Interactive requirement discovery, product scoping, or trade-off evaluation before execution.

# Directive snippet:

Conduct a multi-turn Socratic requirement discovery session. Ask clarifying architectural questions before writing any production code.

Architectural Ideationv1.0.0

/brainstorming

Planning & Architecture

Trigger: Initial phase of open-ended features requiring multiple structural variations or trade-offs.

# Directive snippet:

Explore at least 3 distinct architectural implementation strategies with trade-offs before locking the plan.

Graphify Code Intelligencev2.0.0

/graphify

Planning & Architecture

Trigger: Understanding codebase structure, dependency paths, AST nodes, or blast radius before refactoring.

# Directive snippet:

Query Graphify knowledge graph (`bun run .sg/scripts/graphify.ts query <query>`) to trace call hierarchies and dependencies.

HydraDB Project Memoryv2.0.0

/hydra-memory

Planning & Architecture

Trigger: Retrieving past architectural decisions, rejected alternatives, and invariant conventions.

# Directive snippet:

Consult project memory (`.sg/memory/memories.json`) to uphold established invariants and prevent repeating past mistakes.

Frontend Taste & Anti-Slopv2.0.0

/design-taste-frontend

UI Taste & Design

Trigger: Building landing pages, marketing sites, portfolios, or complete visual redesigns.

# Directive snippet:

Enforce non-generic typography, strict color hierarchy (WCAG AA), deliberate spacing scales, and subtle micro-motion. Ban AI-slop gradients and generic 3-card templates.

High-End Visual Agency Designv2.0.0

/high-end-visual-design

UI Taste & Design

Trigger: Luxury, developer-tool, agency-grade visual Polish, dark mode aesthetics, and micro-interactions.

# Directive snippet:

Design like a top-tier digital agency. Use rich dark themes, calibrated optical spacing, and bespoke typography.

Stitch Semantic Design Systemv2.0.0

/stitch-design-taste

UI Taste & Design

Trigger: Structuring cohesive component tokens, semantic colors, and hardware-accelerated transitions.

# Directive snippet:

Enforce strict Stitch semantic tokens (canvas, surface, ink, primary, hairline) and hardware-accelerated animations.

Minimalist Editorial UIv2.0.0

/minimalist-ui

UI Taste & Design

Trigger: Clean editorial interfaces, monochrome palettes, typography-driven layouts, and flat bento grids.

# Directive snippet:

Craft clean editorial-style interfaces with warm monochrome palettes, stark typographic contrast, and flat bento layouts.

Industrial Brutalist UIv2.0.0

/industrial-brutalist-ui

UI Taste & Design

Trigger: Mechanical, blueprint-style, technical dashboard, or Swiss typographic layouts.

# Directive snippet:

Create mechanical Swiss typographic interfaces with strict gridlines, monospaced data density, and technical borders.

GSAP & Advanced Motion Engineeringv2.0.0

/gpt-taste

UI Taste & Design

Trigger: Scroll-driven storytelling, complex choreography, and pinned canvas animations.

# Directive snippet:

Implement hardware-accelerated spring animations, scroll-triggered scrubbers, and fluid gesture physics.

Emil Kowalski Design Engineeringv2.0.0

/emil-design-eng

UI Taste & Design

Trigger: Micro-interactions, spring physics, button states, drawer gestures, and invisible polish.

# Directive snippet:

Apply Emil Kowalski polish: gesture springs, interruptible animations, tap feedback, and crisp layout transitions.

Apple Human Interface & Fluid Motionv2.0.0

/apple-design

UI Taste & Design

Trigger: iOS/macOS glass surfaces, spring dynamics, tactile feedback, and fluid gesture navigation.

# Directive snippet:

Apply Apple Human Interface Guidelines: optical sizing, momentum scrolling, frosted glass materials, and spatial depth.

Brand Identity & Visual System Generatorv2.0.0

/brandkit

UI Taste & Design

Trigger: Generating logos, brand palettes, typography scales, or comprehensive visual identity boards.

# Directive snippet:

Generate cohesive brand identity boards, logo variations, and token systems tailored to the product persona.

Tailwind CSS v4 Engineering Guidev2.0.0

/tailwind-4-docs

UI Taste & Design

Trigger: Styling with Tailwind CSS v4, theme variables, CSS imports, or v3-to-v4 migration.

# Directive snippet:

Use Tailwind CSS v4 native CSS variables, `@import "tailwindcss";`, `@theme` blocks, and modern `@variant` directives.

Sonner Toast Notifications Guidev2.0.0

/ask-sonner

UI Taste & Design

Trigger: Configuring user toasts, promises, loading indicators, or dark-mode feedback.

# Directive snippet:

Configure Sonner toasts with rich colors, promise chaining, action buttons, and dark mode alignment.

Supabase & PostgreSQL Best Practicesv2.0.0

/supabase-postgres

Backend & Database

Trigger: Writing SQL migrations, Row-Level Security (RLS) policies, indexes, or database queries.

# Directive snippet:

Follow Postgres & Supabase zero-downtime rules: concurrent index creation, default values on new columns, and strict RLS policies.

Database Migration Safety Reviewv2.0.0

/sg-db-migration-review

Backend & Database

Trigger: Altering database schema, table drops, locks, or column modifications.

# Directive snippet:

Audit all SQL migrations for non-blocking locks, idempotent execution, and automated rollback scripts.

Authentication & Session Security Reviewv2.0.0

/sg-auth-review

Backend & Database

Trigger: Implementing login, signup, JWT tokens, OAuth, password hashing, or role checks.

# Directive snippet:

Audit auth flows for CSRF protection, HttpOnly cookie flags, secure token expiration, and permission checks.

Visual QA & Viewport Inspectorv2.0.0

/sg-visual-qa

QA & Gauntlet

Trigger: Verifying frontend UI responsiveness across 6 screen resolutions in dark/light modes.

# Directive snippet:

Run visual QA across mobile, tablet, laptop, desktop, and large screens in dark & light themes. Check for horizontal overflows and clipping.

Axe WCAG 2.1 AA Enforcementv2.0.0

/sg-accessibility

QA & Gauntlet

Trigger: Verifying accessibility, ARIA roles, keyboard navigation, and color contrast.

# Directive snippet:

Ensure zero CRITICAL or SERIOUS Axe-core violations, explicit single H1, valid landmarks, and visible keyboard focus rings.

SG Gauntlet Adversarial Modev2.0.0

/sg-gauntlet

QA & Gauntlet

Trigger: High-stakes launch-critical feature or architecture refactoring requiring adversarial challenge.

# Directive snippet:

Activate adversarial Gauntlet mode with dedicated reviewer roles: Architect, Implementer, QA Critic, Security Critic, and UX Reviewer.

Secret Leak & AST Security Reviewv2.0.0

/sg-security-review

Production & Governance

Trigger: Scanning for exposed tokens, dangerous eval/innerHtml, injection, and dependency vulnerabilities.

# Directive snippet:

Run static security analysis to intercept exposed API keys, dangerous dynamic evaluations, and unvalidated user input.

Web Performance & Core Web Vitalsv2.0.0

/sg-perf-review

Production & Governance

Trigger: LCP, CLS, TTFB, bundle size analysis, and DOM node count auditing.

# Directive snippet:

Verify performance budgets: LCP < 2.5s, CLS < 0.1, TTFB < 600ms, and total JS bundle < 250KB.

Production Observability & Error Boundariesv2.0.0

/sg-observability

Production & Governance

Trigger: Structured JSON logging, telemetry, health check endpoints, and React Error Boundaries.

# Directive snippet:

Ensure all runtime exceptions are caught by React ErrorBoundaries with structured JSON logging and `/api/health.json` endpoints.