Commit Graph

52 Commits

Author SHA1 Message Date
konstantin-paulus 1d3b2befcd Update README.md to clarify framework description and enhance workspace setup explanation
- Changed "harness" to "framework" for better accuracy in describing Text-to-Lottie.
- Revised the description of the agent's setup process to provide clearer instructions on workspace and player functionality.
2026-06-15 16:34:20 +02:00
konstantin-paulus 10a306550e Update package version to 1.0.0 2026-06-15 16:25:26 +02:00
konstantin-paulus 4f417a2266 minor skill optimizations 2026-06-15 15:13:28 +02:00
konstantin-paulus 0b0c7be3b5 Enhance scene loading and live update functionality
- Updated CanvasProvider to include a refetch mechanism for scene data upon external edits to the Lottie file.
- Modified loadScene function to disable caching for Lottie file fetches, ensuring the latest version is always loaded.
- Implemented a self-write tracking system in the scenes plugin to differentiate between internal and external changes, triggering live reloads only for the latter.
2026-06-15 12:56:35 +02:00
konstantin-paulus 8c1a0c1dc1 Add references section to SKILL.md for Lottie format specification
- Included a new References section in SKILL.md to provide a link to the Lottie format specification documentation.
- This addition aims to enhance the resourcefulness of the document for users seeking detailed information on Lottie animations.
2026-06-14 20:05:29 +02:00
konstantin-paulus cbaa89546d Remove controls.json and update lottie.json for scene 1
- Deleted the controls.json file as it is no longer needed.
- Updated lottie.json to reflect changes in naming and structure, including renaming the main scene and modifying layer properties for improved clarity and functionality.
2026-06-14 20:01:13 +02:00
konstantin-paulus a723283e10 Implement context menu for scene and project deletion in ScenesContainer and SidebarLeft
- Added context menu functionality to allow users to delete scenes and projects directly from the UI.
- Integrated deleteScene and deleteProject functions to handle deletion requests and navigation upon deletion.
- Updated SceneItem and SidebarLeft components to utilize context menus for improved user interaction.
- Enhanced CSS for context menu styling to ensure a consistent and visually appealing design.
2026-06-14 17:07:41 +02:00
konstantin-paulus b6a386caed Update CanvasProvider to re-run totalFrames on animation load for accurate seeking 2026-06-14 16:55:56 +02:00
konstantin-paulus 91153550dd Enhance theming and styling across the application
- Implemented a dynamic color scheme toggle based on user preferences for improved accessibility.
- Updated CSS variables for light and dark themes to ensure consistent styling.
- Refined the NumericSlider component by removing default box-shadow and border styles for a cleaner appearance.
- Adjusted button styles in base.css to support dark mode while maintaining visual consistency.
2026-06-14 16:48:25 +02:00
konstantin-paulus 16597a43c5 Add default focus indicator styles for improved accessibility
- Introduced a focus-visible style to enhance keyboard navigation and accessibility.
- Applied a consistent inset border and box-shadow for focused elements, overriding default styles.
- Ensured smooth transitions for focus effects to improve user experience.
2026-06-14 16:16:46 +02:00
konstantin-paulus 9a7dba90f6 Enhance UI responsiveness and control visibility in Sidebar and App components
- Integrated UI context to manage the visibility of controls in SidebarLeft and SidebarRight.
- Updated App component to conditionally render ScenesContainer based on control expansion state.
- Adjusted SidebarLeft and SidebarRight widths dynamically based on control visibility for improved user experience.
- Refactored SidebarLeft to include project management features only when controls are expanded.
2026-06-14 16:11:21 +02:00
konstantin-paulus 7edb14d682 Implement live playback context and server middleware for scene updates
- Added functionality to track and report live playback state, including project, scene, frame, and playback status.
- Introduced server middleware to handle browser heartbeat updates and provide context for active projects and scenes.
- Enhanced scene metadata retrieval with last modified timestamps for better asset management.
2026-06-14 15:51:02 +02:00
konstantin-paulus 8e81351f36 Add drag-and-drop functionality for Lottie file import in CanvasProvider 2026-06-14 15:16:40 +02:00
konstantin-paulus 613c554058 Enhance keyboard controls in CanvasProvider for improved playback and navigation
- Updated onKeyDown function to handle space key for toggling playback.
- Implemented arrow key navigation to step through frames and seconds.
- Improved input handling to prevent key hijacking while typing in editable fields.
2026-06-14 15:07:16 +02:00
konstantin-paulus b3c620a081 Add fflate dependency and enhance Lottie JSON handling in SidebarRight
- Introduced "fflate" dependency for improved compression handling.
- Updated SidebarRight to utilize new commitSource function for saving Lottie JSON edits.
- Refactored Lottie JSON structure for better readability and maintainability.
- Implemented server middleware to handle Lottie JSON updates, ensuring the source of truth is maintained.
2026-06-14 15:04:01 +02:00
konstantin-paulus c86ca8ce4b Enhance styling and functionality in SidebarLeft and update CSS for selection
- Set default project name in SidebarLeft input to "New project" for better user experience.
- Implemented input focus and selection handling for improved usability.
- Added CSS variables for selection colors and styles to enhance visual feedback during text selection.
2026-06-14 12:54:37 +02:00
konstantin-paulus d030feecfc Update lottie.json with scene name and refactor SceneItem component for improved styling and structure
- Added "nm" property to lottie.json to specify the scene name.
- Refactored SceneItem component to streamline button structure and enhance styling with consistent class usage.
- Simplified rendering logic for thumbnail images within the SceneItem component.
2026-06-14 12:39:03 +02:00
konstantin-paulus af54e706c6 Refactor ScenesContainer to use SceneItem component for improved structure and thumbnail loading
- Replaced inline scene rendering logic with a dedicated SceneItem component for better readability and maintainability.
- Integrated thumbnail loading using createResource for each scene, enhancing performance and user experience.
- Updated scene navigation logic to maintain existing functionality while improving code organization.
2026-06-14 12:36:12 +02:00
konstantin-paulus b702e706aa Implement scene routing and enhance 404 handling
- Added SceneRoute component to manage scene availability and loading states.
- Introduced NotFound component for improved user feedback when a project or scene is not found.
- Updated routing to utilize SceneRoute for dynamic scene rendering and replaced generic not found message with NotFound component.
2026-06-14 12:07:26 +02:00
konstantin-paulus 475961dc55 Add scene creation functionality and enhance sidebar interactions
- Implemented addScene function in ScenesContainer for dynamic scene addition.
- Enhanced SidebarLeft to allow project creation with input handling and keyboard events.
- Updated server middleware to handle project and scene creation requests, ensuring unique slugs and default scene setup.
- Improved user experience with input focus and blur handling for project naming.
2026-06-14 12:02:04 +02:00
konstantin-paulus 9bd32d9b7b Enhance app structure and scene management
- Integrated scenesPlugin into Vite configuration for improved scene handling.
- Removed obsolete controls.json and lottie.json files to streamline project assets.
- Refactored App component to eliminate CanvasProvider, simplifying the component hierarchy.
- Updated routing to include scene navigation and default redirection based on available scenes.
- Enhanced ScenesContainer and SidebarLeft components for dynamic project and scene management.
- Improved CanvasProvider to load scene-specific data and manage animations effectively.
2026-06-13 22:47:31 +02:00
konstantin-paulus 44f6b416fa Refactor project structure and update dependencies
- Updated .gitignore to include new build and environment files.
- Upgraded dependencies in package.json and bun.lock, including major updates for canvaskit-wasm and tailwind-merge.
- Removed outdated package-lock.json and tsconfig files.
- Replaced React with Solid.js for improved performance and reactivity.
- Introduced new components and updated the app structure for better organization.
- Added new SVG icons and fonts for enhanced UI.
- Updated index.html and CSS for improved styling and layout consistency.
2026-06-13 18:34:02 +02:00
Konstantin 3360f2e78b Merge pull request #2 from wcandillon/wcandillon-patch-1
chore(📝): update README with React Native Skia Lottie info
2026-06-11 20:52:22 +02:00
William Candillon 4eb6d1436e chore(📝): update README with React Native Skia Lottie info
Added information about using React Native Skia for Lottie animations, including code example.
2026-06-11 17:34:43 +02:00
Konstantin 972ede5542 Revise README for clarity and grammar
Fixed grammatical errors and improved clarity in README.
2026-06-10 18:04:18 +02:00
konstantin-paulus 2707daf96a Adjust GIF dimensions in README.md for improved layout consistency. 2026-06-10 11:09:35 +02:00
konstantin-paulus b575f5fdc4 Update README.md with enhanced project description, usage instructions, and prompt guidelines for generating Lottie animations. Replace header image and remove outdated GIF. Add quick start guide and examples for various platforms. 2026-06-10 11:08:02 +02:00
Konstantin 8343c7cfac Merge pull request #1 from diffusionstudio/visual-updates
Add animated banner to README
2026-06-10 01:27:47 +02:00
Doruk Kavcioglu ab2ed3fa73 Add banner to README 2026-06-10 02:22:21 +03:00
konstantin-paulus ce3d2a0d18 Add LICENSE file and update project metadata
- Introduced a LICENSE file with MIT licensing terms.
- Renamed project from "lottie-experiments" to "text-to-lottie" in package.json.
- Added license information to package.json.
- Updated README.md to reflect project name change and improved usage instructions.
- Revised SKILL.md to clarify the authoring process for Lottie files.
2026-06-08 16:48:24 +02:00
konstantin-paulus ff66fc49a7 Update SKILL.md to emphasize the use of the official GitHub player project and add requirements for a background-color control in animations. Clarified setup instructions and verification steps to ensure proper rendering and usability of Lottie animations. 2026-06-08 12:14:37 +02:00
konstantin-paulus 25cf7026d6 Refactor Lottie player initialization to support URL-based frame and playback control. Remove remote control functionality and update documentation to reflect new methods for inspecting animations via URL parameters. This enhances usability for automated testing and debugging. 2026-06-05 22:59:58 +02:00
konstantin-paulus 711ad0338d Refactor PropertiesPanel layout for improved usability and performance. Remove unnecessary null check for slots and enhance the structure to ensure proper rendering of properties. This update streamlines the component's functionality and maintains a clean user interface. 2026-06-05 11:15:55 +02:00
konstantin-paulus 04f57a5495 Enhance Lottie player functionality by adding remote control capabilities and improving playback state management. Update documentation to include instructions for controlling playback via the browser console, ensuring users can effectively inspect animations at specific frames. 2026-06-05 00:30:17 +02:00
konstantin-paulus 68383d2743 Enhance text-to-lottie skill documentation by clarifying the project setup requirements. Added instructions for ensuring the viewer is configured and the animation is previewable in the browser, along with verification steps for the rendered animation. 2026-06-05 00:12:00 +02:00
konstantin-paulus 28d69b4b41 Update .gitignore to remove the create-lottie-experiments/template entry and replace it with .claude for better project organization. 2026-06-04 23:42:48 +02:00
konstantin-paulus 7c075efa53 Enhance text-to-lottie skill documentation by adding guidance on JSON shape mechanics and linking to motion-design skill for timing and choreography principles. This update improves clarity for users creating Lottie animations. 2026-06-04 22:55:08 +02:00
konstantin-paulus 33771043e9 Refine text-to-lottie skill documentation by simplifying the description and removing the minimal example. This update clarifies usage instructions and focuses on essential guidelines for creating Lottie animations. 2026-06-04 20:49:58 +02:00
konstantin-paulus 84e53784cd Remove CLAUDE.md and create-lottie-experiments files, consolidating documentation and scaffolding into the new text-to-lottie skill. This update streamlines the project structure and enhances the guidance for generating Lottie animations. 2026-06-04 20:31:36 +02:00
konstantin-paulus 853bfbe86d Enhance controls.json and lottie.json by adding ballSize control and updating animation properties. Modify Scrubber component styles for improved visual consistency. 2026-06-04 16:35:11 +02:00
konstantin-paulus 02a45f4657 Update controls.json to replace sparkle controls with ball controls and enhance lottie.json with additional animation layers for improved visual effects. 2026-06-04 15:50:57 +02:00
konstantin-paulus cf33422150 Update ZOOM_SENSITIVITY in lottie-player.ts for improved zoom responsiveness 2026-06-04 15:42:21 +02:00
konstantin-paulus 747f7018c4 Add export functionality to download configured Lottie animations from PropertiesPanel
Implement a new downloadConfiguredLottie function in App.tsx to create a downloadable Lottie JSON file with current slot values. Update PropertiesPanel to include an onExport prop, allowing users to trigger the download with the current values applied. This enhances user interaction by enabling easy export of customized animations.
2026-06-04 15:37:22 +02:00
konstantin-paulus a3588f75a9 Enhance PropertiesPanel layout for improved UI consistency: refactor color and vector controls to use shared styles, ensuring left-aligned labels and better responsiveness. Update input elements for a more cohesive design. 2026-06-04 15:15:41 +02:00
konstantin-paulus abab4092ae Update PropertiesPanel and Scrubber styles for improved UI consistency; change radius in index.css for better design coherence. 2026-06-04 14:50:37 +02:00
konstantin-paulus c68b6e53b4 Refactor UI components for consistency: update styles in PlaybackControls, PropertiesPanel, ZoomControls, Scrubber, and Slider for improved visual coherence and responsiveness. 2026-06-04 14:31:45 +02:00
konstantin-paulus d4ed519058 Update PropertiesPanel to replace Slider with Scrubber for enhanced value control and add motion library dependency in package.json. 2026-06-03 19:16:59 +02:00
konstantin-paulus 218bf18628 Implement live properties panel for Lottie animations, allowing real-time editing of slottable properties. Update LottiePlayer to support slot management and integrate controls metadata. Enhance App component to fetch and display properties panel, improving user interaction with animations. Update README to reflect new features and file structure changes. 2026-06-03 17:21:35 +02:00
konstantin-paulus 77aeb1dfeb Update README to clarify Lottie animation generation workflow with LLM integration. Add watchLottie plugin in Vite config to enable live reload of Lottie files. Extend .gitignore to exclude generated template files. 2026-06-03 16:50:40 +02:00
konstantin-paulus 0ec1ab0a85 Enhance Lottie player with Figma-style camera controls for pan and zoom functionality. Update README to document new features and integrate ZoomControls in the App component for user interaction. Refactor LottiePlayer to manage camera state and input handling for improved responsiveness. 2026-06-03 16:13:32 +02:00