A design handoff command that checks whether a design contains the details developers need and creates a development handoff document. The document covers layout, visual rules, component states, interactions, errors, responsive behavior, and acceptance checks.
A command for mapping how people move through a feature and how its screens respond to actions. It documents steps, success and failure paths, page states, form behaviour, gestures, and animations.
A design-system command that creates or updates a written project design specification. It records colors, fonts, spacing, component rules, and other interface standards in a reusable template.
A command for extracting visual design rules from a reference image or style description. It records choices such as colours, fonts, spacing shapes, and shadows in a design guide.
Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components, optimizing Next.js performance, analyzing bundle sizes, scaffolding frontend projects, implementing accessibility, or reviewing frontend code quality.
A command that converts source documents into structured formats such as product requirements, user-interface, or API documents. It also extracts a business dictionary explaining domain terms and abbreviations.
A command-line to-do list manager that stores tasks in a local todos.md file. It supports viewing, adding, completing, deleting, and setting reminders for tasks.