Kevin-Liu-01/Agent-Machines

Kevin-Liu-01/Agent-Machines

Skill Claude CodeCodex

Manage issues, projects & team workflows in Linear. Use when the user wants to read, create or updates tickets in Linear.

Kevin-Liu-01/Agent-Machines

Skill Claude Code

Implement loading states using braille Unicode spinners and skeleton placeholders. Use when adding loading indicators, replacing spinners, or building new loading screens. Covers component API, sizing, spinner selection, and anti-patterns.

Kevin-Liu-01/Agent-Machines

Skill Claude CodeCodex

Comprehensive skill for Locomotive Scroll smooth scrolling library with parallax effects, viewport detection, and scroll-driven animations. Use this skill when implementing smooth scrolling experiences, creating parallax effects, building scroll-triggered animations, or developing immersive scrolling websites.…

Kevin-Liu-01/Agent-Machines

Skill Claude CodeCodex

After Effects animation rendering for web and React applications. Use this skill when implementing Lottie animations, JSON vector animations, interactive animated icons, micro-interactions, or loading animations. Triggers on tasks involving Lottie, lottie-web, lottie-react, dotLottie, After Effects JSON export…

Kevin-Liu-01/Agent-Machines

Skill Claude CodeCodex

Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, typography, micro-interactions, enter/exit animations, or any visual detail work. Triggers on UI polish, design details, "make it feel…

Kevin-Liu-01/Agent-Machines

Skill Claude Code

Convert 'Applied intelligently' Cursor rules (.cursor/rules/.mdc) and slash commands (.cursor/commands/.md) to Agent Skills format (.cursor/skills/). Use when you want to migrate rules or commands to skills, convert .mdc rules to SKILL.md format, or consolidate commands into the skills directory.

Kevin-Liu-01/Agent-Machines

Skill Claude CodeCodex

Build the smallest correct version first. Name every case, implement only what has a real consumer, return typed errors for the rest. Use when designing new systems, extracting shared packages, or deciding how much to build before shipping.

Kevin-Liu-01/Agent-Machines

Skill Claude CodeCodex

Mastering Mintlify's MDX pipeline — undocumented constraints, snippet sandbox rules, CSS override patterns, and npm bundling via yoink. Use when writing or debugging Mintlify snippets, customizing docs.json/styles.css, bundling npm packages into snippets, hitting cryptic MDX compile errors, or when the user says…

Kevin-Liu-01/Agent-Machines

Skill Claude CodeCodex

Modern web design trends, principles, and implementation patterns for 2024-2025. Use this skill when designing websites, creating interactive experiences, implementing design systems, ensuring accessibility, or building performance-first interfaces. Triggers on tasks involving modern design trends, micro-interactions…

Kevin-Liu-01/Agent-Machines

Skill Claude CodeCodex

Modern animation library for React and JavaScript. Create smooth, production-ready animations with motion components, variants, gestures (hover/tap/drag), layout animations, AnimatePresence exit animations, spring physics, and scroll-based effects. Use when building interactive UI components, micro-interactions, page…

Kevin-Liu-01/Agent-Machines

Skill Claude CodeCodex

Audit and fix OpenGraph and Twitter card metadata in Next.js App Router projects. Cross-reference metadata exports across pages, identify missing fields, DRY violations, broken middleware, and incorrect canonicals. Use when Twitter cards aren't rendering, OG images are broken, metadata is inconsistent across pages, or…

Kevin-Liu-01/Agent-Machines

Skill Claude CodeCodex

OKLCH color space for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, and theme with Tailwind v4. Triggers on oklch, color conversion, palette generation, contrast ratio, gamut, display p3, design tokens, hue drift, chroma, dark mode colors.

Kevin-Liu-01/Agent-Machines

Skill Claude CodeCodex

Discipline for performance investigations. Ramp up from cheap experiments to expensive ones. Profile before patching. Isolate hypotheses with standalone probes before touching production code. Numbers gate every decision. Use when the user says /perf, asks to speed up code, or asks why something is slow.

Kevin-Liu-01/Agent-Machines

Skill Claude CodeCodex

Fast, lightweight 2D rendering engine for creating interactive graphics, particle effects, and canvas-based applications using WebGL/WebGPU. Use this skill when building 2D games, particle systems, interactive canvases, sprite animations, or UI overlays on 3D scenes. Triggers on tasks involving PixiJS, 2D rendering…

Kevin-Liu-01/Agent-Machines

Skill Claude CodeCodex

Structured review checklist before implementing changes. Use when planning a feature, before opening a PR, or when the user shares code that needs scrutiny across architecture, code quality, tests, and performance.

Kevin-Liu-01/Agent-Machines

Skill Claude CodeCodex

Lightweight WebGL/WebGPU game engine with entity-component architecture and visual editor integration. Use this skill when building browser-based games, interactive 3D applications, or performance-critical web experiences. Triggers on tasks involving PlayCanvas, entity-component systems, game engine development, WebGL…

Kevin-Liu-01/Agent-Machines

Skill Codex

Use when the task requires automating a real browser from the terminal (navigation, form filling, snapshots, screenshots, data extraction, UI-flow debugging) via playwright-cli or the bundled wrapper script.

Kevin-Liu-01/Agent-Machines

Skill Claude Code

Run a blameless postmortem for a production incident. Investigate with data, write a structured report, build verification queries, and track remediation. Use when something broke in production, money was lost, users were affected, or a security issue was exploited.

Kevin-Liu-01/Agent-Machines

Skill Claude Code

Review PR comments from GitHub. Fetches inline review comments and issue comments, classifies by review.md prefix semantics (blocking vs non-blocking), and summarizes actionable items. Use when the user asks to check PR feedback, see reviewer comments, or address PR review.

Kevin-Liu-01/Agent-Machines

Skill Claude Code

Create a pull request using the Dedalus PR template. Injects git state, commit history, and diff stats automatically.

Kevin-Liu-01/Agent-Machines

Skill Claude CodeCodex

Production is sacred. Use when any tool call would touch production databases, infrastructure, or SSM parameters -- refuse and route the change through the migration pipeline instead.

Kevin-Liu-01/Agent-Machines

Skill Claude CodeCodex

Generate an executive briefing of the last 24 hours of commits for the current project or a specified directory. Use when the user asks for a project update, daily briefing, commit summary, "what changed today," or wants to stay up-to-date with recent work.

Kevin-Liu-01/Agent-Machines

Skill Claude Code

Create a changelog-style promotion PR from dev to preview.

Kevin-Liu-01/Agent-Machines

Skill Claude CodeCodex

QA lead with real browser testing. Adapted from GStack's /qa (Garry Tan, github.com/garrytan/gstack) for Cursor + agent-browser. Tests your app, finds bugs, fixes them with atomic commits, generates regression tests.