content / skill
Skills For Designers and Engineers
The author's rules for animation and interface design, written for AI coding agents: small mistakes agents can make and how to fix them.
At a glance
- Purpose
- The author's rules for animation and interface design, written for AI coding agents: small mistakes agents can make and how to fix them.
- Runs in
- Local agent with shell
- Operating systems
- Not stated
- Needs
- Runtime: Not stated; Needs internet: Not stated; Needs accounts or API keys beyond your agent: Not stated
- Files and data
- Reads files: Yes; Writes files: Yes; Sends data to other services: Not stated
- Tool type
- Skill
- Delivery
- From GitHub
- Version
- Latest on the main branch
- Access
- Code on GitHub
- Compatibility
- The README does not name specific compatible agents. It installs with the skills command-line installer: npx skills@latest add emilkowalski/skills.
- External costs
- The repository is MIT-licensed and states no price. Your coding agent or model provider may charge for usage.
- Permissions
- The skills act through your coding agent with the access you give it. The README does not describe additional file, network, or credential access beyond the normal edits a coding agent already makes to your project.
- Usage terms
- MIT License, as stated in the repository. See its LICENSE file for the exact terms.
Code on GitHub
emilkowalski/skills
MITSkills for Designers and Engineers.
Public GitHub data fetched · 0 days old
Skill folders in this repository (15)
Folders that contain a SKILL.md file, from GitHub's file list on .
skills/animateskills/animate-exposkills/animation-performanceskills/animation-vocabularyskills/apple-designskills/ask-sonnerskills/break-uiskills/emil-design-engskills/find-animation-opportunitiesskills/improve-animationsskills/mobile-nativeskills/pick-ui-libraryskills/prototypeskills/review-animationsskills/write-swift
What it does
This repository adds a set of skills for designers and engineers who want an AI coding agent to make better interface and animation decisions. According to the README, the skills are based on the author's own years of experience, and are meant to help an agent avoid small mistakes, such as choosing the wrong easing curve for an animation, that compound into a worse interface.The README lists 14 skills, including animate, animate-expo for React Native and Expo, review-animations, improve-animations, find-animation-opportunities and animation-vocabulary for animation, and emil-design-eng, apple-design, pick-ui-library, prototype, mobile-native, break-ui, write-swift and ask-sonner, which covers the author's Sonner toast library.
According to the README, you install the whole set with npx skills@latest add emilkowalski/skills. Its reference list describes skills for building, reviewing and auditing animations, picking a UI library, prototyping UI variants and trying to break a UI with worst-case data.
Who it is for
Designers and engineers who want an AI coding agent to follow a consistent set of interface and animation rules.Example tasks
Build an animation from scratch with the animate skill, which the README says chooses the curve, duration and properties.Review an existing animation against the skill's strict rules.
Audit every animation in a codebase and get a prioritized plan to fix them.
Search a UI for places that would genuinely benefit from motion.
Ask the pick-ui-library skill to choose a UI library for a task from the libraries the README says the author uses, instead of hand-rolling one.