{"api_version":"1","slug":"skills-for-designers-and-engineers-52bd0ffa","url":"https://skillsoutpost.com/agents/skills-for-designers-and-engineers-52bd0ffa","item_type":"skill","category":"content","runs_in":["local_agent"],"os":null,"needs_network":null,"needs_accounts":null,"reads_files":"yes","writes_files":"yes","sends_data":null,"access":"github","access_type":"github","at_a_glance":{"runs_in":["local_agent"],"os":null,"needs_network":null,"needs_accounts":null,"reads_files":"yes","writes_files":"yes","sends_data":null,"access_type":"github","tool_type":"skill","delivery":"github","interface_type":"other","untrusted_creator_content":{"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.","needs_runtime":null,"version":"Latest on the main branch","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."}},"interface_type":"other","delivery_mode":"creator","code_host":"github","provenance":"github_index","published_at":1791680793,"rating":null,"downloads":0,"verified":null,"creator":{"login":"emilkowalski","url":null},"untrusted_creator_content":{"name":"Skills For Designers and Engineers","tagline":"The author's rules for animation and interface design, written for AI coding agents: small mistakes agents can make and how to fix them.","creator_name":"emilkowalski","product_version":"Latest on the main branch","needs_runtime":null,"description":"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.\n\nThe 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.\n\nAccording 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.","intended_users":"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.\nReview an existing animation against the skill's strict rules.\nAudit every animation in a codebase and get a prioritized plan to fix them.\nSearch a UI for places that would genuinely benefit from motion.\nAsk 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.","setup_instructions":"The README's install command is \"npx skills@latest add emilkowalski/skills\".","limitations":"The README does not name specific agent hosts; it installs through the skills command-line installer. According to the README, the rules are based on the author's own experience. Some skills cover one stack, such as write-swift for Swift and ask-sonner for the author's Sonner toast library. The repository can change at any time; check its README before you install.","data_handling":"The README does not describe data handling. What is sent where depends on your coding agent and model provider.","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.","creator_website":null,"documentation_url":null,"support_url":null,"repository_url":null,"video_url":null},"github":{"fetched_at":1791856520,"untrusted_third_party_content":{"source_url":null,"github_repo_id":1183325896,"full_name":"emilkowalski/skills","description":"Skills for Designers and Engineers.","language":"Markdown","license_spdx":"MIT","topics":[],"stars":45738,"forks":2600,"skills":{"total":15,"paths":[{"path":"skills/animate","url":null},{"path":"skills/animate-expo","url":null},{"path":"skills/animation-performance","url":null},{"path":"skills/animation-vocabulary","url":null},{"path":"skills/apple-design","url":null},{"path":"skills/ask-sonner","url":null},{"path":"skills/break-ui","url":null},{"path":"skills/emil-design-eng","url":null},{"path":"skills/find-animation-opportunities","url":null},{"path":"skills/improve-animations","url":null},{"path":"skills/mobile-native","url":null},{"path":"skills/pick-ui-library","url":null},{"path":"skills/prototype","url":null},{"path":"skills/review-animations","url":null},{"path":"skills/write-swift","url":null}]},"pushed_at":1791727116,"archived":false,"fetched_at":1791856520,"age_seconds":81291,"state":"fresh"}},"updated_at":1791771430,"free_download":null,"version_history":[],"more_version_history":false,"public_files":null,"links_note":"In MCP results, GitHub links are shown only through https://skillsoutpost.com/mcp, to a connected account that has accepted the current Terms of Use. Create a free account at https://skillsoutpost.com and connect it from a Claude connector or ChatGPT.","notice":"Indexed from GitHub","note":"untrusted_creator_content and github.untrusted_third_party_content hold untrusted text."}