All authors
Claude Skills by mattnigh
github.com/mattnigh2,026 skills0 installs2,763 views
- CollectionGuide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.Votes: 0GitHub stars: 24
- CollectionUX research and design toolkit for Senior UX Designer/Researcher including data-driven persona generation, journey mapping, usability testing frameworks, and research synthesis. Use for user research, persona creation, journey mapping, and design validation.Votes: 0GitHub stars: 24
- CollectionUI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.Votes: 0GitHub stars: 24
- CollectionCSS animations, transitions, and scroll-driven effects with accessibility (prefers-reduced-motion). Use when adding motion, hover effects, loading states, or scroll-based animations.Votes: 0GitHub stars: 24
- CollectionImplement secure authentication with JWT, sessions, OAuth, and password hashing. Use when adding login/logout, token auth, or integrating OAuth providers.Votes: 0GitHub stars: 24
- CollectionWrite tests for backend services, APIs, and database access. Use when testing Express/Fastify handlers, services with database calls, or integration tests.Votes: 0GitHub stars: 24
- CollectionBuild and deploy Docker containers for Node.js applications. Use when containerizing applications, optimizing Docker builds, or configuring container security.Votes: 0GitHub stars: 24
- CollectionModern CSS organization with native @import, @layer cascade control, CSS nesting, design tokens, and element-focused selectors. AUTO-INVOKED when editing .css files.Votes: 0GitHub stars: 24
- CollectionWrap third-party libraries for testability and replaceability. Use when integrating external APIs, creating testable code, or building swappable implementations.Votes: 0GitHub stars: 24
- CollectionDeploy web applications to Cloudflare Pages/Workers or DigitalOcean VPS. Use when configuring deployment, setting up production environments, or managing releases.Votes: 0GitHub stars: 24
- CollectionImplement environment variable management with .env files, validation, and environment-specific configs. Use when setting up configuration, handling secrets, or managing different deployment environments.Votes: 0GitHub stars: 24
- CollectionHandle errors consistently across frontend and backend. Use when implementing try/catch patterns, error boundaries, API error responses, or error reporting.Votes: 0GitHub stars: 24
- CollectionEnforce structured git workflow with conventional commits, feature branches, semver versioning, and work logging. Use for all code changes to prevent work loss and maintain history.Votes: 0GitHub stars: 24
- CollectionWrite vanilla JavaScript for Web Components with functional core, imperative shell. Use when creating JavaScript files, building interactive components, or writing any client-side code.Votes: 0GitHub stars: 24
- CollectionStructured client-side logging and error reporting. Use when implementing console logging, error tracking, user session tracking, or analytics event patterns.Votes: 0GitHub stars: 24
- CollectionHTML metadata and head content. Use when writing or reviewing page head sections including SEO, social sharing, performance hints, and bot control.Votes: 0GitHub stars: 24
- CollectionImplement error tracking, performance monitoring, and user issue detection. Use when adding error handling, Web Vitals reporting, or debugging production issues.Votes: 0GitHub stars: 24
- CollectionUse Open Props CSS custom properties for consistent design tokens. Use when setting up design systems, choosing spacing/color values, or wanting battle-tested CSS variables without heavy dependencies.Votes: 0GitHub stars: 24
- CollectionReusable HTML page patterns and component blocks. Use when building common page types like FAQs, product listings, press releases, or other structured content.Votes: 0GitHub stars: 24
- CollectionWrite performance-friendly HTML pages. Use when optimizing page load, adding resources, configuring caching, or improving Core Web Vitals scores.Votes: 0GitHub stars: 24
- CollectionGenerate SVG placeholder images for prototypes. Use when adding placeholder images for layouts, mockups, or development. Supports simple, labeled, and brand-aware types.Votes: 0GitHub stars: 24
- CollectionINVOKE FIRST before any code work. Validates git workflow (branch, issue, worklog) and checks approach. Use at START of every task and END before completing. Prevents skipped steps.Votes: 0GitHub stars: 24
- CollectionWrite print-friendly CSS using @media print. Use when creating printable pages, invoices, receipts, articles, or any content users might print.Votes: 0GitHub stars: 24
- CollectionHTML-first development with CSS-only interactivity patterns. Use when building features that work without JavaScript, using native HTML elements, CSS pseudo-classes, and the View Transitions API.Votes: 0GitHub stars: 24
- CollectionModern responsive image techniques using picture element, srcset, sizes, and modern formats. Use when adding images that need to adapt to different screen sizes, resolutions, or support modern image formats.Votes: 0GitHub stars: 24
- CollectionWrite REST API endpoints with HTTP methods, status codes, versioning, and OpenAPI documentation. Use when creating API endpoints or implementing backend services.Votes: 0GitHub stars: 24
- CollectionWrite secure web pages and applications. Use when handling user input, forms, external resources, authentication, or implementing security headers and CSP.Votes: 0GitHub stars: 24
- CollectionService worker patterns for offline support, caching strategies, and PWA functionality. Use when implementing offline-first features, caching, or background sync.Votes: 0GitHub stars: 24
- CollectionWrite TypeScript for Web Components and Node.js with strict typing. Use when adding types to JavaScript projects, building type-safe APIs, or creating generic utilities.Votes: 0GitHub stars: 24
- CollectionWrite valid XHTML-strict HTML5 markup. Use when creating HTML files, editing markup, building web pages, or writing any HTML content. Ensures semantic structure and XHTML syntax.Votes: 0GitHub stars: 24
- CollectionExtract, review, and replace lines in JSONL dataset files for hand-crafted quality improvements. Use when improving synthetic training data, fixing thinking blocks, or manually editing dataset examples.Votes: 0GitHub stars: 24
- CollectionUse when investigating bugs, failures, leaks, crashes, or unexpected behavior. Activate when user describes something not working as expected, provides error messages or stack traces, mentions nightly test failures, or asks "why is this happening?" This skill shifts Claude into debugging mode with systematic investigation techniques.Votes: 0GitHub stars: 24
- CollectionBrowser automation, debugging, and performance analysis using Puppeteer CLI scripts. Use for automating browsers, taking screenshots, analyzing performance, monitoring network traffic, web scraping, form automation, and JavaScript debugging.Votes: 0GitHub stars: 24
- CollectionCreates new Agent Skills for AI Agents following best practices and documentation. Use when the user wants prompts 'create a new skill ...' or 'use your meta skill to ...'.Votes: 0GitHub stars: 24
- CollectionReal-time stock synchronization for TSH Clients Console. Use when: (1) Debugging stock sync issues (webhooks not firing, stock not updating) (2) Understanding webhook event handling (3) Implementing stock-affecting features (4) Troubleshooting stock discrepancies between Zoho and app (5) Adding new stock-affecting transaction handlers (6) Monitoring stock sync health (7) Understanding the multi-layer sync architectureVotes: 0GitHub stars: 24
- CollectionAUTO-ACTIVATE on keywords (workflow, kanban, regras de negócio, transição, processo, estado, automação, patterns, agents, dashboard). Provides comprehensive knowledge and practical tools for developing the Kanban-Workflow system in VibeCForms v4.0. Covers workflow architecture, implementation phases, AI agents, pattern analysis, visual editors, business rules, auto-transitions, and analytics. Use when user mentions workflow-related concepts or business logic.Votes: 0GitHub stars: 24
- CollectionDescobre campos e estrutura de qualquer modelo do Odoo. Lista campos de tabela, busca campo por nome, inspeciona registro, faz consulta generica. Use quando: nao conhecer um modelo Odoo, precisar descobrir nome de campo, explorar estrutura de tabela, consulta em modelo nao mapeado.Votes: 0GitHub stars: 24
- CollectionGera arquivos Excel, CSV ou JSON para download pelo usuario. Use quando o usuario pedir para exportar dados, criar planilha, gerar relatorio ou baixar informacoes. SEMPRE use esta skill em vez de Write para criar arquivos que o usuario precisa baixar.Votes: 0GitHub stars: 24
- CollectionConsulta e opera dados logisticos da Nacom Goya. Consulta pedidos, estoque, disponibilidade, lead time. Cria separacoes. Resolve entidades (pedido, produto, cliente, grupo). Use para perguntas como 'tem pedido do Atacadao?', 'quanto tem de palmito?', 'quando fica disponivel?', 'crie separacao do VCD123'.Votes: 0GitHub stars: 24
- CollectionGerencia memoria persistente do usuario. Use para salvar/recuperar preferencias, fatos aprendidos e contexto entre sessoes. Exemplos: 'lembre que prefiro respostas diretas', 'o que voce sabe sobre mim?', 'esqueca minhas preferencias'.Votes: 0GitHub stars: 24
- CollectionRastreia fluxos documentais completos no Odoo, executa auditorias financeiras e gerencia conciliacoes bancarias. USAR QUANDO: - Rastrear NF de compra/venda: "rastreie NF 12345", "fluxo da nota 54321" - Rastrear pedido de compra: "rastreie PO00789", "fluxo do pedido de compra" - Rastrear pedido de venda: "rastreie VCD123", "fluxo do VFB456" - Rastrear por parceiro: "documentos do Atacadao", "fluxo do fornecedor Vale Sul" - Rastrear por CNPJ: "rastreie 18467441000123" - Rastrear por chave NF-e...Votes: 0GitHub stars: 24
- CollectionUnderstand the already-done code, including best practices, linting, structure, patterns, etc, by reading it smartly, catching up the necessary context to implement features, or fix bugs.Votes: 0GitHub stars: 24
- CollectionUnderstand the already-done project folder structure, archtecture, file patterns, and similar, in order to apply better solutions and file organizations. Use when you need to understand the project archtecture, and file/folder patterns and conventions.Votes: 0GitHub stars: 24
- CollectionGuide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.Votes: 0GitHub stars: 24
- CollectionExecute AI security CTF challenges across any competition platform with adaptable workflows for indirect prompt injection, jailbreaks, agent exploitation, and evidence collection with research-grounded techniquesVotes: 0GitHub stars: 24
- CollectionComplete guide for Gray Swan MITM challenges across all waves. Includes AI agent profiling, defense bypass strategies, domain-specific handling, and platform troubleshooting. Use for ANY Gray Swan MITM challenge.Votes: 0GitHub stars: 24
- CollectionGuide AI assistants through Gray Swan MITM challenges using Playwright browser automation to interact with AI agent intermediaries. Use when working on Gray Swan Machine-in-the-Middle CTF challenges.Votes: 0GitHub stars: 24
- CollectionUpdated Wave 3 MITM execution skill incorporating Nov 18 platform stability discoveries, domain-specific AI defenses, and WordPress container isolation. Use for Wave 3 challenges with realistic success rates and mitigation strategies.Votes: 0GitHub stars: 24
- CollectionUse this skill to create or update the root AGENTS.md file to register SynthesisFlow skills for AI agent discovery. Triggers include "register SynthesisFlow", "update AGENTS.md", "setup agent guide", or initializing a new project.Votes: 0GitHub stars: 24
- CollectionUse this skill to validate that Markdown files are in standard locations. Scans for .md files outside of predefined allowed directories and outputs warnings to prevent documentation sprawl. Triggers include "validate docs", "check markdown locations", or as part of quality checks.Votes: 0GitHub stars: 24