







Skills for Design Engineers.
skills/openverse/SKILL.md at main · toosean/skills
the skills i wrote. Contribute to toosean/skills development by creating an account on GitHub.

frontend-design - Skill
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
The Shape of Friction · Matthias Ott
Web design engineer, UX designer, teacher, and speaker – helping teams build websites and digital products with a focus on CSS, accessibility, and performance.

Home
Software engineer. UX designer. Accessibility expert. The web should be available to everyone, so Trezy uses JavaScript, React, and CSS to accomplish that goal.
Design Engineer Tools
A list of useful tools for web-focused design engineers; curated by James Warner.

Jakub Antalik
Product designer with a passion for interaction and motion. Design Lead at Fun.xyz.

Drawabox | A free, exercise based approach to learning the fundamentals of drawing
A free, exercise based approach to learning the fundamentals of drawing. We tackle drawing in a logical, analytical fashion inspired by concept artists and industrial designers, focusing on technical skills that can be developed with hard work and determination.

Ad Infinitum · Matthias Ott
Web design engineer, UX designer, teacher, and speaker – helping teams build websites and digital products with a focus on CSS, accessibility, and performance.

Robin Spielmann — Design Engineer
Design engineer at the intersection of code, design and art. My own little space on the internet: side projects, writing, photography and postcards.

Impeccable: Design skills for AI harnesses
1 skill, 18 commands, and curated anti-patterns for impeccable frontend design.


The physics behind spring animations - The Blog of Maxime Heckel

Interfaces › Cheat Sheet
The Making of Cursor's Icons

Performance

React handbook

Teaching agents product design at Vercel