Skills (kemiljk)

Twenty design engineering skills from Karl Koch's writing: fluid interfaces, semantic HTML, modern CSS and a dxe review.

  • 68 ★ on the repository
  • Last commit
  • MIT
Skill

Minimal access

Why this level

  • The skills give recommendations; `dxe fix` mode edits project files.
All reasons and checks

kemiljk/skills

Install

In your terminal, with SkillFoxx CLI

npx skillfoxx add skills/skills-kemiljk

Detects the agents on your machine, shows the access level and pins the version.

Other ways to install

Access and checks

How we review

Minimal accessThe tool runs nothing and makes no network calls.

  • The skills give recommendations; `dxe fix` mode edits project files.

This is third-party code. Review the repository files before installing.

What it does

The set is distilled from Karl Koch's writing on design engineering, fluid interfaces, semantic markup and judging AI output. Narrow skills such as `dxe-fluid-design`, `dxe-modern-css-html`, `dxe-semantic-html-first`, `dxe-apple-native-ui` and `dxe-subtractive-design` give separate lenses. The main `dxe` skill runs a pass in order: intent, platform, feel, a bridge between design and code, and shipping. It gathers evidence from the repository and the rendered interface and loads specialists as needed. The `dxe quick`, `dxe review`, `dxe fix` and `dxe exhaustive` modes set the depth; Figma Design and Make have separate self-contained files.

Who it is for. Front-end developers and design engineers who ask an agent to review an interface and propose edits grounded in one specific school.

Good fit when

  • Before release a review of components across real states, errors and focus is needed.
  • Animations feel jerky and should become interruptible and physical.
  • A page markup must move to semantic HTML and modern CSS.
  • A portfolio is prepared for hiring and needs a rated list of priority edits.

Not a fit when

  • Exact automated accessibility checks against WCAG are required.
  • The interface already follows a design system with a strict regulation of its own.
  • The task concerns backend or data.

Example request

Run `dxe quick` on `src/components/Menu` and list findings with confidence levels, without edits.

Limitations

The repository is a personal set: texts reflect one author's views, so weigh conclusions against your requirements. `dxe exhaustive` needs all specialists from the routing table installed, otherwise the pass reports the gap. Edits in `dxe fix` are limited to confident changes and the rest comes as a report. Figma editions are uploaded manually, and the installer sets only the regular editions. The recommendations rest on the author's views and do not replace testing the interface with real users.

How to disable. Remove skills with `npx skills remove` or the standard way of your client, and delete Figma editions from uploaded skills. Edits the agent made through `dxe fix` roll back through Git.

FAQ

How does `dxe` differ from the narrow skills?

`dxe` coordinates a pass and loads specialists as evidence appears. The narrow skills are invoked separately and give one lens.

Does `dxe` edit code?

Not by default. `dxe` and `dxe review` give a report, and only `dxe fix` makes bounded high-confidence edits.

Which modes exist?

`dxe quick` for one surface, `dxe <path>` for a scope, `dxe review`, `dxe fix` and `dxe exhaustive`; the last reads every routed specialist.

What about Figma?

Self-contained files with the same names sit in `figma/skills/` for Figma Design and Make; upload them as skills manually.

How many skills are there?

`skills/` holds `dxe` and nineteen specialists such as `dxe-fluid-design`, `dxe-semantic-html-first` and `dxe-subtractive-design`. Separate Figma editions live in `figma/skills/`.

Discussion

No questions or reviews yet.

Skills

A skill for interfaces without the generic AI look: typography, color, motion, component states and a critique of the result.

SkillMinimal access95Repository stars

Four Codex skills covering product design stages, from reviewing a single screen to comparing visual directions.

SkillMinimal access250Repository stars

A skill that turns reference UIs into a structured design profile in JSON and generates matching UI from your content

SkillExtended access2.1KRepository stars

A registry of installable design skills: ready SKILL.md and DESIGN.md files with tokens, component rules and accessibility for different styles

SkillMinimal access3.6KRepository stars

A design skills pack for agents: research, UX strategy, design systems, UI, interaction, prototyping and visual critique

PluginMinimal access3.3KRepository stars

45 enterprise UX skills for agents: palettes, typography, forms, WCAG accessibility and usability review of an interface.

SkillMinimal access192Repository stars

Comparison with similar tools

Cards that share the main search query, and how they differ.

ToolOfficialRepository starsMain difference
Skills (kemiljk) (this card)no68
Designer Skills (Julian Oczkowski)no604gathers general designer roles and skills; kemiljk/skills builds on one author's writing and runs a pass through `dxe`
Impeccableno108,873drives interface polish through its own commands; here the pass follows a design engineering school with specialists loaded on demand

README in short

The set shows how a personal design engineering school becomes repeatable passes. There is a choice between the broad `dxe` and individual specialists, and a pass discloses its own limits.

README badge

Report a problem