kevinnft

Tests in real browsers. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data via Chrome DevTools MCP.

Simplifies code for clarity. Use when refactoring code for clarity without changing behavior. Use when code works but is harder to read, maintain, or extend than it should be. Use when reviewing code that has accumulated unnecessary complexity.

Optimizes agent context setup. Use when starting a new session, when agent output quality degrades, when switching between tasks, or when you need to configure rules files and context for a project.

Guides systematic root-cause debugging. Use when tests fail, builds break, behavior doesn't match expectations, or you encounter any unexpected error. Use when you need a systematic approach to finding and fixing the root cause rather than guessing.

Manages deprecation and migration. Use when removing old systems, APIs, or features. Use when migrating users from one implementation to another. Use when deciding whether to maintain or sunset existing code.

Records decisions and documentation. Use when making architectural decisions, changing public APIs, shipping features, or when you need to record context that future engineers and agents will need to understand the codebase.

Subjects every non-trivial decision to a fresh-context adversarial review before it stands. Use when correctness matters more than speed, when working in unfamiliar code, when stakes are high (production, security-sensitive logic, irreversible operations), or any time a confident output would be cheaper to verify now than to debug later.

Builds production-quality UIs. Use when building or modifying user-facing interfaces. Use when creating components, implementing layouts, managing state, or when the output needs to look and feel production-quality rather than AI-generated.

Structures git workflow practices. Use when making any code change. Use when committing, branching, resolving conflicts, or when you need to organize work across multiple parallel streams.

Refines ideas iteratively. Refine ideas through structured divergent and convergent thinking. Use "idea-refine" or "ideate" to trigger.

Delivers changes incrementally. Use when implementing any feature or change that touches more than one file. Use when you're about to write a large amount of code at once, or when a task feels too big to land in one step.

Optimizes application performance. Use when performance requirements exist, when you suspect performance regressions, or when Core Web Vitals or load times need improvement. Use when profiling reveals bottlenecks that need fixing.

Breaks work into ordered tasks. Use when you have a spec or clear requirements and need to break work into implementable tasks. Use when a task feels too large to start, when you need to estimate scope, or when parallel work is possible.

Hardens code against vulnerabilities. Use when handling user input, authentication, data storage, or external integrations. Use when building any feature that accepts untrusted data, manages user sessions, or interacts with third-party services.

Prepares production launches. Use when preparing to deploy to production. Use when you need a pre-launch checklist, when setting up monitoring, when planning a staged rollout, or when you need a rollback strategy.

Grounds every implementation decision in official documentation. Use when you want authoritative, source-cited code free from outdated patterns. Use when building with any framework or library where correctness matters.

Creates specs before coding. Use when starting a new project, feature, or significant change and no specification exists yet. Use when requirements are unclear, ambiguous, or only exist as a vague idea.

Drives development with tests. Use when implementing any logic, fixing any bug, or changing any behavior. Use when you need to prove that code works, when a bug report arrives, or when you're about to modify existing functionality.

Discovers and invokes agent skills. Use when starting a session or when you need to discover which skill applies to the current task. This is the meta-skill that governs how all other skills are discovered and invoked.

Manage Apple Notes via memo CLI: create, search, edit.

Apple Reminders via remindctl: add, list, complete.

Track Apple devices/AirTags via FindMy.app on macOS.

Send and receive iMessages/SMS via the imsg CLI on macOS.

Delegate coding to Claude Code CLI (features, PRs).

Delegate coding to OpenAI Codex CLI (features, PRs).

Configure, extend, or contribute to Hermes Agent.

Delegate coding to OpenCode CLI (features, PR review).

Dark-themed SVG architecture/cloud/infra diagrams as HTML.

ASCII art: pyfiglet, cowsay, boxes, image-to-ascii.

ASCII video: convert video/audio to colored ASCII MP4/GIF.

Knowledge comics (知识漫画): educational, biography, tutorial.

Infographics: 21 layouts x 21 styles (信息图, 可视化).

Design one-off HTML artifacts (landing, deck, prototype).

Generate images, video, and audio with ComfyUI — install, launch, manage nodes/models, run workflows with parameter injection. Uses the official comfy-cli for lifecycle and direct REST/WebSocket API for execution.

Generate project ideas via creative constraints.

Author/validate/export Google's DESIGN.md token spec files.

Generate architecture diagrams with draw.io in headless/server environments (WSL2, VPS, Docker)

Hand-drawn Excalidraw JSON diagrams (arch, flow, seq).

Humanize text: strip AI-isms and add real voice.

Manim CE animations: 3Blue1Brown math/algo videos.

p5.js sketches: gen art, shaders, interactive, 3D.

Pixel art w/ era palettes (NES, Game Boy, PICO-8).

54 real design systems (Stripe, Linear, Vercel) as HTML/CSS.

Use when building creative browser demos with @chenglou/pretext — DOM-free text layout for ASCII art, typographic flow around obstacles, text-as-geometry games, kinetic typography, and text-powered generative art. Produces single-file HTML demos by default.

PIL + ffmpeg slideshow videos: product reviews, promos, TikTok/Reels/Shorts.

Songwriting craft and Suno AI music prompts.

Control a running TouchDesigner instance via twozero MCP — create operators, set parameters, wire connections, execute Python, build real-time visuals. 36 native tools.

Generate visual assets (ASCII art, diagrams, banners) for repos and documentation