codymaster 4.1.4 → 4.4.1

package/skills/cm-ux-master/output/fila/harvest-v4-raw.json

@@ -0,0 +1,406 @@
+{
+    "_version": 4,
+    "_engine": "AI-Powered Visual Extraction",
+    "meta": {
+        "url": "https://templates.envytheme.com/fila/project-management.html",
+        "title": "Fila - Bootstrap 5 Admin Dashboard Template",
+        "timestamp": "2026-02-25T17:33:58.561Z",
+        "pageType": "dashboard",
+        "viewport": {
+            "width": 1512,
+            "height": 861
+        },
+        "elementCount": 2229
+    },
+    "visualAnalysis": {
+        "colors": {
+            "semantic": {
+                "primary": {
+                    "base": "#0F79F3",
+                    "text": "#FFFFFF",
+                    "psychology": {
+                        "h": 212,
+                        "s": 90,
+                        "l": 51,
+                        "temperature": "neutral",
+                        "energy": "high",
+                        "emotion": "professional",
+                        "useCase": "primary actions"
+                    }
+                },
+                "secondary": null,
+                "success": {
+                    "base": "#EAFBF2",
+                    "text": "#00B69B",
+                    "psychology": {
+                        "h": 148,
+                        "s": 68,
+                        "l": 95,
+                        "temperature": "cool",
+                        "energy": "medium",
+                        "emotion": "natural",
+                        "useCase": "success states"
+                    }
+                },
+                "warning": {
+                    "base": "#FFB264",
+                    "text": "#919AA3",
+                    "psychology": {
+                        "h": 30,
+                        "s": 100,
+                        "l": 70,
+                        "temperature": "cool",
+                        "energy": "high",
+                        "emotion": "warm",
+                        "useCase": "warnings, CTAs"
+                    }
+                },
+                "danger": {
+                    "base": "#FDEBF3",
+                    "text": "#EE368C",
+                    "psychology": {
+                        "h": 333,
+                        "s": 82,
+                        "l": 96,
+                        "temperature": "cool",
+                        "energy": "high",
+                        "emotion": "feminine",
+                        "useCase": "beauty"
+                    }
+                },
+                "info": {
+                    "base": "#F6F5FE",
+                    "text": "#00CAE3",
+                    "psychology": {
+                        "h": 247,
+                        "s": 82,
+                        "l": 98,
+                        "temperature": "cool",
+                        "energy": "high",
+                        "emotion": "professional",
+                        "useCase": "primary actions"
+                    }
+                },
+                "link": "#919AA3",
+                "text": {
+                    "primary": "#919AA3",
+                    "secondary": "#475569",
+                    "disabled": null,
+                    "placeholder": null
+                },
+                "background": {
+                    "page": "#EFF3F9",
+                    "card": "#FFFFFF",
+                    "sidebar": null,
+                    "header": "#FFFFFF",
+                    "modal": null
+                }
+            },
+            "neutrals": {
+                "50": "#FFFFFF",
+                "100": "#F7F7F7",
+                "200": "#F7F7F7",
+                "300": "#F6F5FE",
+                "400": "#F4F6FC",
+                "500": "#F4F6FC",
+                "600": "#EFF3F9",
+                "700": "#E7EFFD",
+                "800": "#E7EFFD",
+                "900": "#919AA3"
+            },
+            "histogram": {
+                "background": [
+                    [
+                        "#EFF3F9",
+                        5
+                    ],
+                    [
+                        "#F1F2FD",
+                        1
+                    ],
+                    [
+                        "#ECF0FF",
+                        1
+                    ],
+                    [
+                        "#0F79F3",
+                        17
+                    ],
+                    [
+                        "#EAFBF2",
+                        1
+                    ],
+                    [
+                        "#FDEBF3",
+                        1
+                    ],
+                    [
+                        "#F4F6FC",
+                        15
+                    ],
+                    [
+                        "#E74C3C",
+                        3
+                    ],
+                    [
+                        "#F6F5FE",
+                        3
+                    ],
+                    [
+                        "#2ECC71",
+                        1
+                    ],
+                    [
+                        "rgba(46, 212, 126, 0.1)",
+                        4
+                    ],
+                    [
+                        "#FFB264",
+                        3
+                    ],
+                    [
+                        "rgba(231, 76, 60, 0.1)",
+                        3
+                    ],
+                    [
+                        "#00CAE3",
+                        7
+                    ],
+                    [
+                        "#796DF6",
+                        5
+                    ],
+                    [
+                        "rgba(255, 255, 255, 0.96)",
+                        2
+                    ],
+                    [
+                        "#E7EFFD",
+                        21
+                    ],
+                    [
+                        "rgba(255, 178, 100, 0.1)",
+                        4
+                    ],
+                    [
+                        "rgba(15, 121, 243, 0.1)",
+                        2
+                    ],
+                    [
+                        "rgba(30, 30, 30, 0.8)",
+                        1
+                    ]
+                ],
+                "text": [
+                    [
+                        "#919AA3",
+                        1378
+                    ],
+                    [
+                        "#475569",
+                        633
+                    ],
+                    [
+                        "#0F79F3",
+                        37
+                    ],
+                    [
+                        "#FFFFFF",
+                        61
+                    ],
+                    [
+                        "#00B69B",
+                        1
+                    ],
+                    [
+                        "#EE368C",
+                        1
+                    ],
+                    [
+                        "#00CAE3",
+                        1
+                    ],
+                    [
+                        "#2ED47E",
+                        7
+                    ],
+                    [
+                        "#E74C3C",
+                        16
+                    ],
+                    [
+                        "#FFB264",
+                        4
+                    ],
+                    [
+                        "#ACC1C9",
+                        5
+                    ],
+                    [
+                        "rgba(145, 154, 163, 0.65)",
+                        3
+                    ]
+                ]
+            }
+        },
+        "layout": {
+            "type": "sidebar-layout",
+            "sidebar": {
+                "width": 259,
+                "position": "relative",
+                "collapsed": false,
+                "mode": "fixed"
+            },
+            "header": {
+                "height": 68,
+                "fixed": false,
+                "sticky": false
+            },
+            "content": {
+                "maxWidth": "none",
+                "padding": "25px",
+                "centered": true
+            },
+            "grid": {
+                "type": "grid",
+                "columns": "none",
+                "gap": "normal",
+                "count": 28
+            }
+        },
+        "typography": {
+            "hierarchy": {
+                "h1": {
+                    "size": "18px",
+                    "weight": "500",
+                    "family": "Outfit, sans-serif",
+                    "lineHeight": "27px",
+                    "color": "#475569"
+                },
+                "h2": {
+                    "size": "26px",
+                    "weight": "500",
+                    "family": "Outfit, sans-serif",
+                    "lineHeight": "26px",
+                    "color": "#475569"
+                },
+                "h3": {
+                    "size": "17px",
+                    "weight": "500",
+                    "family": "Outfit, sans-serif",
+                    "lineHeight": "20.4px",
+                    "color": "#475569"
+                },
+                "h4": {
+                    "size": "16px",
+                    "weight": "500",
+                    "family": "Outfit, sans-serif",
+                    "lineHeight": "19.2px",
+                    "color": "#475569"
+                },
+                "h5": {
+                    "size": "18px",
+                    "weight": "500",
+                    "family": "Outfit, sans-serif",
+                    "lineHeight": "27px",
+                    "color": "#475569"
+                }
+            },
+            "body": {
+                "size": "14.08px",
+                "weight": "400",
+                "family": "Outfit, sans-serif",
+                "lineHeight": "21.12px",
+                "color": "#919AA3"
+            },
+            "dominant": {
+                "family": "Outfit, sans-serif",
+                "size": "14.08px",
+                "weight": "400",
+                "lineHeight": "21.12px"
+            }
+        },
+        "spacing": {
+            "scale": [
+                1,
+                3,
+                4,
+                6,
+                8,
+                10,
+                12,
+                14,
+                18,
+                22,
+                27,
+                30,
+                40,
+                48,
+                56,
+                64,
+                79,
+                96
+            ]
+        },
+        "borders": {
+            "radius": {
+                "none": "4px",
+                "xs": "10px",
+                "sm": "3px",
+                "md": "2px",
+                "lg": "50%",
+                "xl": "5px",
+                "2xl": "30px",
+                "full": "100px"
+            }
+        },
+        "shadows": {
+            "xl": {
+                "value": "rgba(101, 96, 240, 0.1) 0px 4px 34px 0px",
+                "count": 6
+            }
+        },
+        "animations": {},
+        "components": {
+            "detectedTypes": [
+                "button",
+                "input",
+                "card",
+                "table",
+                "navigation",
+                "modal",
+                "tag",
+                "tooltip",
+                "dropdown",
+                "pagination",
+                "progress"
+            ]
+        }
+    },
+    "components": {
+        "blueprints": {},
+        "relationships": [],
+        "detectedTypes": [
+            "button",
+            "input",
+            "card",
+            "table",
+            "navigation",
+            "modal",
+            "tag",
+            "tooltip",
+            "dropdown",
+            "pagination",
+            "progress"
+        ]
+    },
+    "quality": {
+        "accessibility": {
+            "contrastIssues": [],
+            "missingLabels": [],
+            "missingFocus": [],
+            "ariaIssues": []
+        },
+        "tokenCount": 18
+    }
+}

package/skills/cm-ux-master/output/fila/semi-theme-override.css

@@ -0,0 +1,95 @@
+/* Semi-Sync Harvester — Theme Override */
+/* Source: https://templates.envytheme.com/fila/project-management.html */
+/* Title: Fila - Bootstrap 5 Admin Dashboard Template */
+/* Extracted: 2026-02-25T17:33:58.561Z */
+/* Total Tokens: 65 */
+/* Spec: Semi Design global.scss (DouyinFE/semi-design) */
+
+body {
+
+  /* -- Secondary & Tertiary (7) -- */
+  --semi-color-tertiary: #6B7075;
+  --semi-color-tertiary-active: #55595D;
+  --semi-color-tertiary-disabled: #C3C5C7;
+  --semi-color-tertiary-hover: #606469;
+  --semi-color-tertiary-light-active: #DADBDC;
+  --semi-color-tertiary-light-default: #EDEDEE;
+  --semi-color-tertiary-light-hover: #E4E5E6;
+
+  /* -- Default Colors (3) -- */
+  --semi-color-default: #F9F9F9;
+  --semi-color-default-active: #EAEAEA;
+  --semi-color-default-hover: #F1F1F1;
+
+  /* -- Disabled States (4) -- */
+  --semi-color-disabled-bg: #E6E8EA;
+  --semi-color-disabled-border: #E6E8EA;
+  --semi-color-disabled-fill: rgba(46, 50, 56, 0.04);
+  --semi-color-disabled-text: rgba(28, 31, 35, 0.35);
+
+  /* -- Link Colors (4) -- */
+  --semi-color-link: #0064FA;
+  --semi-color-link-active: #0050C8;
+  --semi-color-link-hover: #005AE1;
+  --semi-color-link-visited: #0064FA;
+
+  /* -- Special Colors (8) -- */
+  --semi-border-thickness-control-focus: 1px;
+  --semi-color-black: #000000;
+  --semi-color-focus-border: #0064FA;
+  --semi-color-highlight: #000000;
+  --semi-color-highlight-bg: #F0C000;
+  --semi-color-nav-bg: #FFFFFF;
+  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
+  --semi-color-white: #FFFFFF;
+
+  /* -- Border & Radius (8) -- */
+  --semi-border-radius-circle: 50%;
+  --semi-border-radius-extra-small: 3px;
+  --semi-border-radius-full: 9999px;
+  --semi-border-radius-large: 12px;
+  --semi-border-radius-medium: 6px;
+  --semi-border-radius-small: 3px;
+  --semi-border-thickness: 0;
+  --semi-border-thickness-control: 1px;
+
+  /* -- Shadows (2) -- */
+  --semi-color-shadow: rgba(0, 0, 0, 0.04);
+  --semi-shadow-elevated: 0 0 1px rgba(0, 0, 0, 0.3), 0 4px 14px rgba(0, 0, 0, 0.1);
+
+  /* -- Typography (11) -- */
+  --semi-font-size-header-1: 32px;
+  --semi-font-size-header-2: 28px;
+  --semi-font-size-header-3: 24px;
+  --semi-font-size-header-4: 20px;
+  --semi-font-size-header-5: 18px;
+  --semi-font-size-header-6: 16px;
+  --semi-font-size-regular: 14px;
+  --semi-font-size-small: 12px;
+  --semi-font-weight-bold: 600;
+  --semi-font-weight-light: 200;
+  --semi-font-weight-regular: 400;
+
+  /* -- Spacing (10) -- */
+  --semi-spacing-base: 16px;
+  --semi-spacing-base-loose: 20px;
+  --semi-spacing-base-tight: 12px;
+  --semi-spacing-extra-loose: 32px;
+  --semi-spacing-extra-tight: 4px;
+  --semi-spacing-loose: 24px;
+  --semi-spacing-none: 0;
+  --semi-spacing-super-loose: 40px;
+  --semi-spacing-super-tight: 2px;
+  --semi-spacing-tight: 8px;
+
+  /* -- Sizing (8) -- */
+  --semi-height-control-default: 32px;
+  --semi-height-control-large: 40px;
+  --semi-height-control-small: 24px;
+  --semi-width-icon-extra-large: 24px;
+  --semi-width-icon-extra-small: 8px;
+  --semi-width-icon-large: 20px;
+  --semi-width-icon-medium: 16px;
+  --semi-width-icon-small: 12px;
+
+}

package/skills/cm-ux-master/output/haravan/HaravanDashboard.tsx

@@ -0,0 +1,103 @@
+/**
+ * Auto-generated by UX Master — Semi-Sync Harvester Protocol
+ * Source: https://showcase.myharavan.com/admin/dashboard/generals
+ * Title: Demo Haravan ~ Tổng quan ~ Haravan
+ *
+ * This component uses @douyinfe/semi-ui and inherits the
+ * harvested theme via semi-theme-override.css.
+ */
+import React from 'react';
+import { Layout, Nav, Button, Avatar, Dropdown, Card, Table, Tag, Badge, Descriptions, Typography, Row, Col } from '@douyinfe/semi-ui';
+import { IconHome, IconUser, IconSetting, IconList, IconArrowUp, IconArrowDown, IconSearch, IconFilter } from '@douyinfe/semi-icons';
+import './semi-theme-override.css';
+
+const { Sider, Content, Header } = Layout;
+const { Title, Text } = Typography;
+
+const HaravanDashboard = () => {
+    // KPI data
+    const kpis = [
+        { label: 'Doanh thu', value: '₫0', change: '0%', direction: 'neutral' },
+        { label: 'Đơn hàng', value: '0', change: '0%', direction: 'neutral' },
+        { label: 'Đơn chờ xử lý', value: '157', change: '', direction: 'warning' },
+        { label: 'Đơn chờ giao', value: '81', change: '', direction: 'warning' },
+    ];
+
+    // Order table data
+    const columns = [
+        { title: 'Mã đơn', dataIndex: 'id', width: 100 },
+        { title: 'Khách hàng', dataIndex: 'customer' },
+        {
+            title: 'Trạng thái',
+            dataIndex: 'status',
+            render: (text) => {
+                const colorMap = { 'Hoàn thành': 'green', 'Chờ xử lý': 'orange', 'Đã hủy': 'red' };
+                return <Tag color={colorMap[text] || 'blue'}>{text}</Tag>;
+            },
+        },
+        { title: 'Tổng tiền', dataIndex: 'total', align: 'right' },
+        { title: 'Ngày tạo', dataIndex: 'date' },
+    ];
+
+    const orders = [
+        { key: '1', id: '#1001', customer: 'Nguyễn Văn A', status: 'Chờ xử lý', total: '₫450,000', date: '25/02/2026' },
+        { key: '2', id: '#1002', customer: 'Trần Thị B', status: 'Hoàn thành', total: '₫1,200,000', date: '25/02/2026' },
+        { key: '3', id: '#1003', customer: 'Lê Minh C', status: 'Đã hủy', total: '₫680,000', date: '24/02/2026' },
+    ];
+
+    return (
+        <Layout style={{ height: '100vh' }}>
+            <Sider style={{ width: 240, background: 'var(--semi-color-bg-2)' }}>
+                <Nav
+                    style={{ height: '100%' }}
+                    defaultSelectedKeys={["overview"]}
+                    items={[
+                        { itemKey: 'overview', text: 'Tổng quan', icon: <IconHome /> },
+                        { itemKey: 'orders', text: 'Đơn hàng', icon: <IconList /> },
+                        { itemKey: 'customers', text: 'Khách hàng', icon: <IconUser /> },
+                        { itemKey: 'settings', text: 'Cài đặt', icon: <IconSetting /> },
+                    ]}
+                    header={{ text: 'Demo Haravan', logo: <Avatar size="small" color="blue">H</Avatar> }}
+                    footer={{ collapseButton: true }}
+                />
+            </Sider>
+            <Layout>
+                <Content style={{ padding: 24, background: 'var(--semi-color-bg-0)' }}>
+                    {/* KPI Cards */}
+                    <Row gutter={16} style={{ marginBottom: 24 }}>
+                        {kpis.map((kpi, i) => (
+                            <Col span={6} key={i}>
+                                <Card style={{ borderRadius: 'var(--semi-border-radius-large)' }}>
+                                    <Text type="secondary">{kpi.label}</Text>
+                                    <Title heading={3} style={{ margin: '8px 0 0' }}>{kpi.value}</Title>
+                                    {kpi.change && (
+                                        <Text type="secondary" size="small">
+                                            {kpi.direction === 'up' ? <IconArrowUp /> : <IconArrowDown />} {kpi.change}
+                                        </Text>
+                                    )}
+                                </Card>
+                            </Col>
+                        ))}
+                    </Row>
+
+                    {/* Orders Table */}
+                    <Card
+                        title="Đơn hàng gần đây"
+                        headerExtraContent={
+                            <Button theme="solid" type="primary" icon={<IconSearch />}>Tìm kiếm</Button>
+                        }
+                        style={{ borderRadius: 'var(--semi-border-radius-large)' }}
+                    >
+                        <Table
+                            columns={columns}
+                            dataSource={orders}
+                            pagination={{ pageSize: 10 }}
+                        />
+                    </Card>
+                </Content>
+            </Layout>
+        </Layout>
+    );
+};
+
+export default HaravanDashboard;