cafe24-update
CommunityVerify Cafe24 project UI against Figma spec, live preview before coding.
Authorsadie100
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill simplifies the process of updating and verifying UI elements in Cafe24 projects against a Figma specification, allowing users to ensure UI consistency without manual testing.
Core Features & Use Cases
- UI Verification: Automatically compare Cafe24 project UI against Figma specifications.
- Live Preview: View UI changes live in the browser for immediate feedback.
- Code Preparation: Generate precise code modifications based on UI discrepancies, ready for integration into the project.
Quick Start
Run the "cafe24-update" command with a test server URL and a Figma node link to verify the UI.
Dependency Matrix
Required Modules
puppeteerfigma-js
Components
scriptsreferences
💻 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: cafe24-update Download link: https://github.com/sadie100/claude-dotfiles/archive/main.zip#cafe24-update 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 620,000+ vetted skills library on demand.