Personal agent skills distilled from Karl Koch's writing on design engineering, fluid interfaces, semantic HTML, and AI judgement.

Install selectively. Compose deliberately.

List available skills:

npx skills add kemiljk/skills --list

Install specific skills:

npx skills add kemiljk/skills \
  --skill fluid-design \
  --skill modern-css-html \
  --skill ai-output-judgement

Skills overlap on purpose. Use this order when several activate:

1. Intent — write-first-design, subtractive-design
2. Platform — semantic-html-first, modern-css-html
3. Feel — fluid-design, interface-affordances, product-delight
4. Shipping — ai-output-judgement, prototype-to-production

When motion taste and CSS purity disagree:

• fluid-design decides how the interaction should feel
• modern-css-html chooses the most native implementation that can deliver it
• JavaScript/Motion/SwiftUI remain appropriate for interruption, velocity, and gesture continuity CSS cannot express

fluid-design and modern-css-html previously lived in standalone repositories:

• https://github.com/kemiljk/fluid-design
• https://github.com/kemiljk/modern-css-html

Those names are preserved here with tighter activation files, clearer checklists, and on-demand references. New installs should use this collection.

These skills compress lessons from essays such as:

• 10 Principles for Fluid UI
• On the semantic web
• Write-first design
• The slop isn't the models
• Ten principles for product delight
• Beauty comes from absence
• Design for handshakes, not handovers
• On teaching AI how you work

Each skill should stay:

• trigger-precise in frontmatter description
• compact in activated SKILL.md
• actionable via prefer/reject rules and checklists
• progressively disclosed when examples are long enough for references/

MIT