merceralex397-collab/meta-skill-engineering - 6페이지

netlify-deploy

Deploy web projects to Netlify using the Netlify CLI (`npx netlify`). Use when the user asks to deploy, host, publish, or link a site/repo on Netlify, including preview and production deploys.

원문 언어: 영어

optimize-cloud-costs

Implement cloud cost optimization strategies for Kubernetes workloads using tools like Kubecost for visibility, right-sizing recommendations, horizontal and vertical pod autoscaling, spot/preemptible instances, and resource quotas. Covers cost allocation,…

원문 언어: 영어

publish-to-pages

Publish presentations and web content to GitHub Pages. Converts PPTX, PDF, HTML, or Google Slides to a live GitHub Pages URL. Handles repo creation, file conversion, Pages enablement, and returns the live URL. Use when the user wants to publish, deploy, or…

원문 언어: 영어

release-engineering

Execute releases using semantic versioning and conventional commits — version bump, changelog generation, git tags, and package publishing. Use when the user says "cut a release", "version bump", "changelog", "tag and publish", "semantic versioning", or when…

원문 언어: 영어

render-deploy

Deploy applications to Render by analyzing codebases, generating render.yaml Blueprints, and providing Dashboard deeplinks. Use when the user wants to deploy, host, publish, or set up their application on Render's cloud platform.

원문 언어: 영어

resolve-git-conflicts

Resolve merge and rebase conflicts with safe recovery strategies. Covers identifying conflict sources, reading conflict markers, choosing resolution strategies, and continuing or aborting operations safely. Use when a git merge, rebase, cherry-pick, or stash…

원문 언어: 영어

root-cause-analysis

Investigates why a bug, outage, or process failure happened using 5 Whys and Ishikawa fishbone methods. Trigger — "why did this break", "root cause analysis", "5 whys", "what caused this failure", "post-mortem". Skip for forward-looking risk analysis — use…

원문 언어: 영어

runbook-writing

Write operational runbooks with step-by-step procedures, diagnostic commands, escalation paths, recovery actions, and verification checks for production incidents and routine operations. Use when creating incident response playbooks, deployment procedures,…

원문 언어: 영어

setup-putior-ci

Set up GitHub Actions CI/CD to automatically regenerate putior workflow diagrams on push. Covers workflow YAML creation, R script for diagram generation with sentinel markers, auto-commit of updated diagrams, and README sentinel integration for in-place…

원문 언어: 영어

ssh-tmux-remote-workflow

Configure SSH connections, multiplexing, jump hosts, and tmux sessions for remote work. Use when setting up SSH config with ProxyJump, creating persistent tmux sessions, syncing files with rsync, or debugging SSH connection issues. Do not use for systemd…

원문 언어: 영어

systemd-services

Write systemd unit files for services, timers, and socket activation with sandboxing. Use when creating a .service unit, setting up a systemd timer as cron replacement, configuring socket activation, or hardening with ProtectSystem/DynamicUser. Do not use for…

원문 언어: 영어

tailscale-private-networking

Configure Tailscale for private networking — write ACL policies, set up exit nodes and subnet routers, enable MagicDNS, expose services with Funnel, and manage Tailscale SSH access controls. Use when setting up Tailscale on servers, writing tailnet ACL rules,…

원문 언어: 영어

webhooks-events

Design inbound webhook handling and event delivery flows with signature verification, quick acknowledgement, idempotency, and replay-safe processing. Use this when working on webhook receivers, event envelopes, queue fanout, or provider callback behavior. Do…

원문 언어: 영어

failure-mode-analysis

Enumerates how a system or agent workflow could fail and maps controls to each failure mode using FMEA methodology. Trigger — "what could go wrong", "failure mode analysis", "FMEA", "enumerate failure modes", "risk assessment". Skip for general risk…

원문 언어: 영어

observability-logging

Instrument backend services with structured logs, metrics, traces, and correlation IDs that answer production questions without leaking secrets. Use this when defining event schemas, trace boundaries, service diagnostics, or alert-friendly log fields. Do not…

원문 언어: 영어

sentry

Use when the user asks to inspect Sentry issues or events, summarize recent production errors, or pull basic Sentry health data via the Sentry API; perform read-only queries with the bundled script and require `SENTRY_AUTH_TOKEN`.

원문 언어: 영어

workflow-observability

Inspect provenance, workflow state, invocation logs, and recent transitions to report agent and workflow health. Trigger on "workflow status", "what's blocked", "agent health", "workflow state", "task progress", or when repo health is in question. Do not use…

원문 언어: 영어

accessibility-audit

Audit and fix web accessibility against WCAG 2.2 AA criteria. Use when auditing pages for WCAG compliance, fixing axe-core or Lighthouse accessibility violations, adding ARIA attributes, or testing keyboard navigation and screen reader support. Do not use for…

원문 언어: 영어

analytics-instrumentation

Instrument product analytics with GA4, Segment, or PostHog using consistent event naming. Use when adding event tracking, defining naming conventions, instrumenting funnels, or creating analytics wrapper hooks in React. Do not use for E2E testing (prefer…

원문 언어: 영어

figma-implement-design

Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation). Trigger when the user provides Figma URLs or node IDs, or asks to implement…

원문 언어: 영어

forms-validation

Build forms with React Hook Form + Zod schema validation, accessible error display, and submission handling. Use when building or fixing forms with client-side validation, integrating Zod schemas with React Hook Form, handling async submission errors, or…

원문 언어: 영어

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components,…

원문 언어: 영어

frontend-performance

Optimize Core Web Vitals (LCP, CLS, INP) and Lighthouse scores. Use when diagnosing slow LCP, layout shifts, or interaction delays, optimizing bundle size with code splitting, implementing image lazy loading, or improving Lighthouse performance score. Do not…

원문 언어: 영어

frontend-webapp-builder

Scaffold, architect, and configure frontend web applications from scratch. Trigger: 'create a new frontend app', 'scaffold a React/Vue/Svelte/SolidJS project', 'set up a web app with Vite', 'initialize frontend project', 'configure bundler and tooling'. Do…

원문 언어: 영어

nextjs-app-router

Build Next.js App Router apps with RSC, route groups, Server Actions, and proper client/server boundaries. Use when creating App Router routes and layouts, implementing Server Components vs Client Components, using Server Actions for mutations, or configuring…

원문 언어: 영어

seo-structured-data

Add JSON-LD structured data, Open Graph meta, and sitemaps for search engines. Use when adding JSON-LD schema markup, configuring OG/Twitter meta tags, generating sitemaps, or fixing Google Search Console errors. Do not use for analytics tracking (prefer…

원문 언어: 영어

state-management

Manage React app state with Zustand, TanStack Query, and URL state. Use when choosing between local/global/server state, setting up Zustand stores, integrating TanStack Query for server cache, or moving state to URL params. Do not use for form-specific…

원문 언어: 영어

use-graphql-api

Interact with GraphQL APIs from the command line — discover schemas via introspection, construct queries and mutations, execute them with gh api graphql or curl, parse responses with jq, and chain operations by piping IDs between calls. Use when automating…

원문 언어: 영어

vercel-deploy

Deploy applications and websites to Vercel. Use when the user requests deployment actions like "deploy my app", "deploy and give me the link", "push this live", or "create a preview deployment".

원문 언어: 영어

vercel

Deploy and configure applications on Vercel — set up vercel.json, configure edge and serverless functions, manage environment variables, use preview deployments, wire custom domains, and optimize build settings. Use when deploying to Vercel, editing…

원문 언어: 영어

web-artifacts-builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple…

원문 언어: 영어

solidjs-patterns

Write idiomatic SolidJS code using fine-grained reactivity, control flow components, stores, and resources. Trigger: 'SolidJS component', 'createSignal', 'createStore', 'SolidJS routing', 'reactive state in Solid', 'Solid control flow', '<For>', '<Show>',…

원문 언어: 영어

svelte

Build Svelte 5 apps with runes ($state, $derived, $effect) and SvelteKit routing. Use when creating Svelte 5 components with runes, setting up SvelteKit routes and load functions, migrating from Svelte 4 stores to runes, or implementing SvelteKit form…

원문 언어: 영어

tauri-solidjs

Desktop application specialist for the Tauri + SolidJS stack — project scaffolding, IPC design, security configuration, build/distribution, and platform integration. Triggers: 'Tauri app', 'SolidJS desktop', 'Tauri invoke', 'tauri.conf.json', 'src-tauri',…

원문 언어: 영어

ornament-style-color

Design polychromatic ornamental patterns grounded in Alexander Speltz's classical ornament taxonomy. Builds on monochrome structural analysis by adding period-authentic color palettes, color-to-motif mapping, and rendering styles suited to painted,…

원문 언어: 영어

ornament-style-modern

Design ornamental patterns using modern and speculative aesthetics with colorblind-accessible color scales. Breaks free from historical period constraints to explore cyberpunk, solarpunk, biopunk, brutalist, vaporwave, and other contemporary genres. Includes…

원문 언어: 영어

ornament-style-mono

Design monochrome ornamental patterns grounded in Alexander Speltz's classical ornament taxonomy. Covers historical period selection, motif structural analysis, prompt construction for line art and silhouette rendering, and AI-assisted image generation via…

원문 언어: 영어

tailwind-shadcn

Style components with Tailwind CSS, shadcn/ui primitives, cn() utility, and CVA variants. Use when composing Tailwind classes with cn(), creating component variants with CVA, customizing shadcn/ui components, or setting up CSS variable-based theming. Do not…

원문 언어: 영어

theme-factory

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme…

원문 언어: 영어

ux-design

Apply UX design principles — Fitts's Law, Hick's Law, visual hierarchy, and interaction patterns. Use when evaluating UI layouts for usability, improving click target sizing, reducing choice overload, or establishing visual hierarchy with typography and…

원문 언어: 영어