Agent
Use this agent when you need to review pending code changes to ensure they follow the Next.js 16 architecture guidelines defined in the project's skill file. This agent should be called after writing code or before committing changes to validate compliance with established patterns. Examples:\n\n \nContext: The user…
Agent
Use this agent when you need to implement a pixel-perfect website clone from reference screenshots, extracted styles, and assets. This agent is ideal when you have a context.md file with extracted design specifications, screenshots of the target website, and downloaded assets in the public folder. It detects your…
Agent
Use this agent when you need to gather all visual assets (images, videos, SVGs, fonts) and extract complete style information (colors, typography, spacing, animations) from a website for cloning purposes. This agent systematically downloads and organizes all resources needed to recreate a website's visual…
Agent
Use this agent when you need to perform quality assurance review on a cloned website implementation. This agent should be launched after a website clone has been implemented in React/Tailwind and you want to identify all visual discrepancies between the original and the clone before delivery. Examples:\n\n \nContext…
Agent
Use this agent when you need comprehensive visual documentation of a website for cloning or reference purposes. This includes capturing full-page screenshots at multiple viewport sizes, individual section captures, component close-ups, hover states, and interactive elements. Ideal for website redesign projects…