Design engineering

THE OUTCOME

What you will work toward

Design engineers and frontend teams

• ✓A consistent interface direction
• ✓Reviewable implementation changes
• ✓Desktop and mobile inspection notes

A SUGGESTED SEQUENCE

Start with this sequence

1. Keep the design coherent

   Start with the existing brand, components and task. Select one primary design direction rather than mixing every skill’s aesthetic.

2. Implement with context

   Build a small real flow. Apply React guidance only when relevant and use original visuals where they help the task.

3. Inspect the real interface

   Review hierarchy, keyboard access, contrast and narrow layouts. Keep a record of observed issues; a skill name is not a usability or accessibility certification.

CHOOSE WHAT FITS

Skills in this collection

Choose what your task needs rather than applying every skill at once. The links retain their individual sources and licenses.