design-engineering

Featured

UI craftsmanship: animation rules, easing, micro-interactions, state polish. Triggers: animation, transition, ease-out, motion, micro-interaction, hover, loading state, UI polish.

AI & Automation 174 stars 21 forks Updated yesterday Apache-2.0

Install

View on GitHub

Quality Score: 94/100

Stars 20%
75
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Design Engineering Skill Based on Emil Kowalski's design engineering philosophy — UI polish, component craftsmanship, and the compound value of invisible details. ## Core Principles - **Taste is trainable.** Develops through studying exceptional work, reverse-engineering animations, and intentional practice. - **Invisible details create love.** Most UI refinements users never consciously register — but combined they produce something stunning. - **Beauty differentiates.** When functionality is table stakes, aesthetic excellence becomes genuine leverage. ## Anti-Slop Visual & Structural Checklist Defaults that signal machine-generated UI ("AI slop"). Each is a falsifiable rule to uphold: - **Avoid** full-bleed saturated gradient backgrounds (purple-to-pink/blue hero washes) and gradient headlines (`background-clip: text`). Use solid ink or warm neutral tinting. - **Avoid** emoji as load-bearing decoration (emoji as icons, bullet markers, or section badges). Use a real icon set (Lucide/Phosphor/Heroicons) or typographic hierarchy. - **Avoid** the 3-equal-column card grid with icon-above-heading tiles, nested cards-in-cards, or cards with thick coloured left-edge side stripes. - **Avoid** hand-drawn fake imagery in SVG (synthetic "photos", invented logos, faux screenshots). Use a real asset or an honest labeled placeholder. - **Avoid** fake re-drawn UI chrome (mock browser bars with traffic-light dots, mock IDE title bars, faux phone frames). Let content stand cleanly or...

Details

Author
softspark
Repository
softspark/ai-toolkit
Created
5 months ago
Last Updated
yesterday
Language
Python
License
Apache-2.0

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category