uiux-react-jsx-packager
Installation
SKILL.md
uiux-react-jsx-packager
Output Contract
- Create one new
*.jsxfile (do not overwrite existing files unless explicitly requested). - Export the root component via
export default. - Keep runtime dependencies to React only (no
react-router,lucide-react,echarts,classnames,zustand, etc.). - Keep styles in-file via
<style>injection and/or inlinestyle={{...}}. - Replace icon libraries with inline SVG components.
- Replace images with base64-inlined data URLs or deterministic placeholders.
- Implement navigation via component state (optionally sync to
location.hashfor shareable URLs). - Preserve all interactions/animations/state logic; do not simplify behavior.
- Prefer embedding the compiled CSS (if available) to preserve spacing/colors/shadows.
关于“像素级一致”(可选增强,不是默认门禁)
“像素级一致 / pixel-perfect”在工程上必须限定条件,否则不可验证。只有当你要对外宣称 pixel-perfect 时,才需要做像素 diff 验收: