About

Imported from sickn33/agentic-awesome-skills (skills/emil-design-eng/SKILL.md). Install upstream with npx skills add sickn33/agentic-awesome-skills --skill emil-design-eng. Copyright stays with the author (MIT).

Design Engineering

Name: emil-design-eng
Author: sickn33

Detailed Guide

Read the detailed guide before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely.

When to Use

Use when the user asks for UI polish, product design critique, animation direction, or high-craft component decisions.
Use when reviewing frontend code for motion quality, easing, duration, physicality, interaction feedback, or subtle interface details.
Use when building or refining React, Tailwind, CSS, or Framer Motion interfaces where taste and perceived quality matter.

Limitations

This skill provides design engineering judgment; it does not replace project-specific product requirements, accessibility testing, or real-device motion review.
Verify framework versions, installed dependencies, and rendered behavior before treating animation or UI recommendations as production-ready.
Do not apply these rules mechanically when an existing brand system, platform convention, or user requirement calls for a different interaction language.

Use it

Copy one of these into your project. Installing also returns the manifest and these snippets.

yaml

targets:
  - https://api.opensmartroute.ai/api/v1/registry/sickn33-agentic-awesome-skills-emil-design-eng/manifest   # or paste the manifest below

Manifest

An Open Capability Manifest: the router reads it to know what this does, what it costs and when to pick it.

sickn33-agentic-awesome-skills-emil-design-eng.ocm.jsonjson

{
  "ocm": "1",
  "id": "sickn33-agentic-awesome-skills-emil-design-eng",
  "kind": "skill",
  "name": "emil-design-eng",
  "description": "Use when designing or reviewing polished product UI with Emil Kowalski-inspired animation, interaction, and component craft guidance.",
  "publisher": "sickn33",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "general"
    ],
    "tags": [
      "skill-md",
      "frontend",
      "design",
      "ui",
      "animation",
      "motion",
      "skills-sh"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "Use when designing or reviewing polished product UI with Emil Kowalski-inspired animation, interaction, and component craft guidance."
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "skills.sh",
      "repository": "https://github.com/sickn33/agentic-awesome-skills",
      "path": "skills/emil-design-eng/SKILL.md",
      "ref": "HEAD",
      "url": "https://github.com/sickn33/agentic-awesome-skills/blob/HEAD/skills/emil-design-eng/SKILL.md",
      "key": "sickn33/agentic-awesome-skills/skills/emil-design-eng/SKILL.md"
    },
    "license": "MIT"
  },
  "instructions": "# Design Engineering\n\n## Detailed Guide\n\nRead [the detailed guide](references/detailed-guide.md) before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely.\n\n## When to Use\n\n- Use when the user asks for UI polish, product design critique, animation direction, or high-craft component decisions.\n- Use when reviewing frontend code for motion quality, easing, duration, physicality, interaction feedback, o",
  "cost": {
    "context_tokens": 307
  }
}

Fetch it by URL: GET /api/v1/registry/sickn33-agentic-awesome-skills-emil-design-eng/manifest?version=1.0.0

Reviews

Star ratings from people who tried it. One review per account; edit yours any time.

No reviews yet. Install it, try it, and be the first to rate it.