Trace bundled CSS and JS files to their Cafe24 source files.
npx skills add https://github.com/sadie100/claude-dotfiles --skill cafe24-find-source
Please help me install this Agent Skill. Skill: cafe24-find-source Source: https://github.com/sadie100/claude-dotfiles/tree/main/skills/cafe24-find-source Command: npx skills add https://github.com/sadie100/claude-dotfiles --skill cafe24-find-source
This Skill solves the issue of finding the original source CSS and JavaScript files from rendered elements on Cafe24 live websites, especially where the files have been bundled by Cafe24's optimizer.
Identify the original CSS file for a Cafe24 live site element by entering its selector, e.g., 'oMyCoupon'.
High-intent search queries and answers about installing and using this skill.
Yes, you can trace bundled JavaScript back to its source files by providing JS snippets or element descriptions. This identifies the original scripts from Cafe24's rendered HTML elements for troubleshooting live websites.
No, you do not need local files to trace source files; you need the live site URL and browser context. The tool analyzes the rendered DOM directly to locate original CSS and JavaScript files for debugging.
To find the original source CSS files on a Cafe24 live site, provide the CSS selector or element description to trace bundled styles back to their source skin files. This resolves Cafe24 optimizer bundles for development and debugging.
Source tracing for Cafe24 bundled elements works by reverse-engineering rendered HTML to identify original CSS and JS files. It requires browser context and live site DOM access to resolve skin files bundled by the optimizer.
1vesoInject a live tweak panel into HTML files and bake adjustments into source CSS.
AutomatticConvert static HTML, CSS, and JS directories into WordPress block themes.
sanand0Control Chrome via DevTools Protocol for browser testing and debugging.
samibajwaiskingGenerate self-contained HTML/CSS/JS clones of public websites from URLs.
