What is the enterprise-b2b skill?
The enterprise-b2b skill is a SKILL.md in dylantarre/animation-principles that applies Disney's 12 principles to enterprise software. It tells an AI coding agent to keep motion understated, use 150 to 250ms for most interactions, give 100ms input feedback and treat animation as feedback and orientation.
The enterprise-b2b skill is one of 144 skills in the animation-principles collection by dylantarre. It applies Disney's 12 principles of animation to enterprise software, B2B platforms, admin dashboards and corporate applications, with trust and efficiency as the goal.
Its guiding rule is that enterprise users are working, not playing. Animation exists to provide feedback, maintain orientation and signal state changes, and every millisecond of animation must earn its place through utility.
How the principles change for enterprise
- Squash and stretch is almost never used, limited to a subtle pulse on live data points and minimal button deformation.
- Exaggeration is avoided completely. Critical alerts are the exception, and milestones get it only sparingly.
- Arcs see minimal use because straight lines suggest efficiency, with a slight natural curve on drag operations and curved lines in data flow diagrams.
- Staging keeps data tables as the primary focus, with action buttons that are clear but not flashy.
- Solid drawing means precise charts, clear business fonts and a consistent, professional icon set.
Timing standards
The skill includes a timing table. Button feedback runs 100ms with ease-out, modal open 250ms ease-out, table row updates 200ms ease-in-out, panel transitions 300ms ease-in-out and toast messages 200ms ease-out.
Who the enterprise-b2b skill is for
Best for
- Admin dashboards, data tables and report generation screens.
- B2B platforms and corporate applications where consistent, predictable behavior signals reliability.
- Teams that keep durations in a shared token set, such as the motion system skill, and want the enterprise values to match.
Not for
- Playful or celebratory interfaces, since the skill treats squash and stretch and exaggeration as near absent.
- Browser animation across many contexts, which the web motion design skill from the same collection covers.
- Reduced motion alternatives, which the accessible motion skill covers.
How to install Enterprise B2B Animation Skill: Motion for Dashboards
git clone https://github.com/dylantarre/animation-principles.git \
~/.claude/plugins/animation-principlesClone the repository
Run the clone command above to place the collection in ~/.claude/plugins/animation-principles.
Or add the plugin
In Claude Code settings, add animation-principles@github:dylantarre/animation-principles to the plugins array.
Invoke the skill
Reference it in a conversation as animation-principles:enterprise-b2b, the same pattern the README shows for its other skills.
Ask for enterprise motion
Describe the interface. Enterprise software, B2B platforms, admin dashboards and corporate applications match the skill's description.
Check that it loaded
Ask for a modal and a table row update. Expect a 250ms ease-out modal open, a 200ms ease-in-out row update and minimal deformation on buttons.
Key features
- Enterprise motion rulesApplies the 12 principles with trust, efficiency and clarity as the priorities, aiming for professional credibility.
- Understated deformationSquash and stretch is almost never used. Live data points get a subtle pulse and buttons get minimal, if any, deformation.
- Efficient timingMost interactions run 150 to 250ms and input responses get instant 100ms feedback, because speed is respect for user time.
- Follow through on dataTable updates highlight the row and then refresh the data, panels open container first with content following, and filters adjust the UI before data loads.
- Secondary feedbackA subtle spinner on save, background sync status and inline validation during input support the main action.
- Staging for dataData tables are the primary content focus, action buttons are clear but not flashy and notifications sit in a non-disruptive place.
- Streams and wizardsDashboards use real-time data streams as straight ahead action, wizards use explicit step progression as pose to pose, and reports build sequentially.
- Timing tableFive reference rows give a duration and easing each: button 100ms, modal 250ms, table row 200ms, panel 300ms and toast 200ms.
- Alert exceptionExaggeration is avoided completely, except that critical alerts warrant attention and major milestones may use it sparingly.
- Precise visualsCharts must be precise, typography clear and readable, and the icon system consistent and professional.
Frequently asked questions
What is the enterprise-b2b skill?
It is a skill in the dylantarre/animation-principles collection that applies Disney's 12 principles of animation to enterprise software. It steers an AI coding agent toward understated, efficient motion for B2B platforms, admin dashboards and corporate applications, where animation provides feedback and orientation instead of decoration.
How do I install the enterprise-b2b skill?
Clone the repository into your Claude plugins directory with the git clone command from the README, which targets ~/.claude/plugins/animation-principles. You can instead add animation-principles@github:dylantarre/animation-principles to the plugins array in Claude Code settings. The README shows direct use as animation-principles:joy-delight, so the same pattern gives animation-principles:enterprise-b2b.
How fast should enterprise UI animations be?
The skill puts most interactions at 150 to 250ms and input responses at 100ms. Its table sets button feedback at 100ms, modal open at 250ms, table row updates at 200ms, panel transitions at 300ms and toast messages at 200ms, using ease-out or ease-in-out easing.
Does the enterprise-b2b skill allow bouncy animation?
Almost never. Squash and stretch is limited to a subtle pulse on live data points, and buttons get minimal deformation. Exaggeration is avoided completely, with critical alerts as the exception and major milestones allowed only sparingly. The skill states that enterprise must be understated.
How does the skill handle table and panel updates?
It uses follow through. A table update highlights the row first and then refreshes the data, a panel expansion opens the container and lets the content follow, and a filter application adjusts the UI before the data loads. A table row update runs 200ms with ease-in-out and a panel transition runs 300ms with ease-in-out.
Who is the enterprise-b2b skill for?
It fits teams building enterprise software, B2B platforms, admin dashboards and corporate applications who want motion that signals reliability. It is less suited to playful or celebratory products, because it avoids bounce and exaggeration. Its guiding rule is that enterprise users are working, not playing, so animation exists to provide feedback, maintain orientation and signal state changes.
Which license does the enterprise-b2b skill use?
It is MIT licensed. The dylantarre/animation-principles repository, which holds the enterprise-b2b skill alongside 143 other skills, carries the MIT license, and its README points to the LICENSE file for details. The repository badge also shows the license as MIT. GitHub lists it as MIT License.