Design Engineeringv1.2.0

A data-heavy dashboard requires multiple design iterations to balance visual appeal, data density, and performance. The skill orchestrates research on chart types, planning the component architecture, executing sub-agent tasks, and validating the result through screenshots and performance checks.

An online store needs a dynamic product viewer with 360-degree rotation. The skill guides the choice between SVG and Canvas based on element count, implements progressively enhanced animations, and iterates based on user feedback for a smooth and accessible experience.

A marketing website requires an immersive hero section with animated backgrounds. The skill helps decide between CSS, SVG, and WebGL, ensures graceful degradation for reduced motion, and manages iterations to refine visual impact while keeping performance high.

A whiteboard app with real-time multi-user collaboration needs a smooth drawing experience. The skill coordinates research on rendering engines, plans a sub-agent based execution, validates integration points, and iterates to optimize for performance and responsiveness.

Leverage the skill to deliver high-quality, iterative design engineering for clients. Benefit from structured workflow to manage complex projects, reduce rework, and ensure client satisfaction.

Build a SaaS product with a polished, highly interactive UI. Use the skill to speed up feature development, reduce bug rates from integration issues, and iterate based on user feedback for product-market fit.

Develop an open-source library of design components or tools based on the skill's principles. Offer paid support, custom development, or premium snippets/code for enterprise users.