interface-craft
CommunityPolished, readable React UI animations toolkit.
Authorstamatim
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Provides a structured, readable approach to building, tuning, and critiquing UI animations in React by turning motion patterns into human-readable storyboards, tunable controls, and design feedback.
Core Features & Use Cases
- Storyboard Animation: Convert animations into a DSL-like storyboard that can be read and adjusted without wading through implementation code.
- DialKit: Generate live control panels to tune animation values (e.g., timing, easing, spring parameters) in real time.
- Design Critique: Systematically evaluate UI screens or components for visual design, interaction, and consistency.
Quick Start
Describe your desired animation in plain language and let Interface Craft load the corresponding storyboard and control patterns, then apply live tuning.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: interface-craft Download link: https://github.com/stamatim/agent-skills/archive/main.zip#interface-craft Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.