ui-ux-pro-max

Plugin ui-ux-pro-max from marketplace ui-ux-pro-max-skill in TCL-DA/coffee-roaster-auto-control. Commands read from the repo's manifest — 5 days ago.

Skills (46)

• artisan-ror

  Toàn bộ cách Artisan tính RoR (tốc độ tăng nhiệt) và lọc nhiệt độ — 4 thuật toán RoR (arrayRoR / polyRoR / Savitzky-Golay / decay), thứ tự áp bộ lọc, ý nghĩa từng ô trong hộp Curves → RoR và Curves → Filters, bảng tham số mặc định kèm quy đổi UI↔nội bộ, và đối chiếu với firmware OTL + tools/roast_de

• banner-design

  Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI-generated visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist,

• brainstorming

  You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.

• brand

  Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides.

• bug-report

  Phân tích serial debug output từ máy rang để xác định nguyên nhân crash, freeze, hoặc hành vi sai. Nhận chuỗi log làm argument hoặc từ clipboard.

• clean-code

  Pragmatic coding standards - concise, direct, no over-engineering, no unnecessary comments

• code-reviewer

  Comprehensive code review skill for TypeScript, JavaScript, Python, Swift, Kotlin, Go. Includes automated code analysis, best practice checking, security scanning, and review checklist generation. Use when reviewing pull requests, providing code feedback, identifying issues, or ensuring code quality

• define-audit

  Kiểm tra Define.h để tìm biến không dùng, biến thiếu cặp _CP, magic numbers, và dead variables tích lũy theo thời gian. Define.h có ~2000 dòng nên cần audit định kỳ.

• delta-lua-hmi

  Viết, tra cứu và ghi chép Lua macro cho HMI Delta dòng DOP (DIAScreen/DOPSoft). Dùng khi cần soạn macro (account/login, đọc-ghi dữ liệu $n, chuyển màn, recipe, history buffer) hoặc khi user paste tài liệu hàm Lua để lưu vào reference.

• design-system

  Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.

• design

  Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon design (15 styles, SVG, Gemini 3.1 Pro), soci

• Excel Analysis

  Analyze Excel spreadsheets, create pivot tables, generate charts, and perform data analysis. Use when analyzing Excel files, spreadsheets, tabular data, or .xlsx files.

• flash-build

  Build firmware PlatformIO, kiểm tra RAM/Flash usage, parse lỗi compiler và báo cáo rõ ràng. Dùng trước khi flash lên STM32F103RC.

• flash-stm32

  Build RỒI FLASH (upload) firmware lên STM32F103RC thật qua ST-Link cho dự án OTL-06ALS. Dùng khi user nói "flash", "nạp firmware", "build và flash", "upload lên máy", "nạp code lên STM32". Khác flash-build (chỉ build + báo cáo, KHÔNG nạp).

• frontend-design

  Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautify

• karpathy-guidelines

  Behavioral guidelines to reduce common LLM coding mistakes. Use when writing, reviewing, or refactoring code to avoid overcomplication, make surgical changes, surface assumptions, and define verifiable success criteria.

• manual-otl

  Dựng tài liệu hướng dẫn sử dụng máy rang O Tesla bằng Illustrator — chạy script JSX qua COM, tự dàn trang A4 đúng style bộ manual OTL (bìa, header/footer xanh, hộp cảnh báo ISO 3864, bảng, sơ đồ trạng thái, ảnh có khung chú thích đánh số), xuất .ai + .pdf. Dùng khi người dùng nói "làm hướng dẫn sử d

• memory-check

  Kiểm tra RAM và Flash usage cho STM32F103RC. Phân tích mảng lớn trong Define.h, cảnh báo khi gần giới hạn 20KB RAM / 256KB Flash.

• modbus-audit

  Kiểm tra toàn bộ Modbus calls trong dự án: địa chỉ register, error handling, timeout, node ID. Phát hiện địa chỉ sai, thiếu xử lý lỗi, ghi đè không cần thiết.

• pid-analysis

  Bộ điều khiển AIRFLOW theo áp hút (vacuum) của máy rang OTL — module include/PID_Airflow.h. Gồm 3 lớp chạy chồng nhau: step controller có cooldown động, bảng feed-forward tự học lưu SD (/pid_ff.txt), và factory auto-tune quét 0→100%. Skill giữ kiến trúc, bảng hằng số thật, quy trình chẩn đoán và dan

• planning

  Create and manage persistent markdown planning files for structured task execution. Use when the user asks to "create a plan", "track progress", "start a research project", or when a task requires more than 5 tool calls and needs structured phase tracking to stay focused and avoid goal drift.

• profile-analyze

  Đọc và phân tích file profile rang (.txt hoặc .csv) từ SD card. Vẽ timeline text, kiểm tra tính hợp lệ dữ liệu, so sánh curve thực tế vs mục tiêu.

• quy-trinh-dieu-khien-may-rang

  Bản đặc tả (spec) TRÌNH TỰ ĐIỀU KHIỂN máy rang OTL — máy trạng thái progStep trong programScan() cùng 3 máy phụ coolStep/abStep/aLoaderStep và toàn bộ timer tự đóng. Đây là NƠI SỬA QUY TRÌNH: sửa spec trong references/ trước, rồi mới áp vào include/Program.h. Dùng skill này bất cứ khi nào người dùng

• rang-ca-phe

  Chuyên gia rang cà phê cho máy trống OTL và phân tích profile. Dùng khi cần giải thích khoa học rang, lập hoặc chỉnh chiến lược gas/gió/tốc độ trống, đọc BT/ET/RoR và các mốc Charge–TP–Yellow–FCs–Drop, chẩn đoán lỗi vị, đánh giá độ lặp lại, tư vấn quan sát–khuyến nghị–tự động hóa, hoặc đối chiếu vận

• release-check

  Checklist an toàn trước khi flash firmware lên máy rang thật. Kiểm tra debug flags, gas limits, SD files, timing, và các cài đặt nguy hiểm nếu để sai khi vận hành thực tế.

• senior-architect

  Comprehensive software architecture skill for designing scalable, maintainable systems using ReactJS, NextJS, NodeJS, Express, React Native, Swift, Kotlin, Flutter, Postgres, GraphQL, Go, Python. Includes architecture diagram generation, system design patterns, tech stack decision frameworks, and de

• senior-backend

  Comprehensive backend development skill for building scalable backend systems using NodeJS, Express, Go, Python, Postgres, GraphQL, REST APIs. Includes API scaffolding, database optimization, security implementation, and performance tuning. Use when designing APIs, optimizing database queries, imple

• senior-data-engineer

  World-class data engineering skill for building scalable data pipelines, ETL/ELT systems, and data infrastructure. Expertise in Python, SQL, Spark, Airflow, dbt, Kafka, and modern data stack. Includes data modeling, pipeline orchestration, data quality, and DataOps. Use when designing data architect

• senior-frontend

  Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS. Includes component scaffolding, performance optimization, bundle analysis, and UI best practices. Use when developing frontend features, optimizing performance,

• senior-prompt-engineer

  World-class prompt engineering skill for LLM optimization, prompt patterns, structured outputs, and AI product development. Expertise in Claude, GPT-4, prompt design patterns, few-shot learning, chain-of-thought, and AI evaluation. Includes RAG optimization, agent design, and LLM system architecture

• skill-creator

  Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill's description for better t

• slides

  Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.

• state-trace

  Trace và phân tích state machine rang cà phê (progStep). Từ serial debug log hoặc code, xác định luồng chuyển trạng thái, phát hiện bước bị kẹt, thiếu điều kiện thoát, hay vòng lặp vô hạn.

• theme-factory

  Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

• ui-design-system

  UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.

• ui-styling

  Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialo

• ui-ux-pro-max

  UI/UX design intelligence for web, mobile and industrial HMI panels. Searchable local database with 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, 25 chart types across 10 stacks, plus 66 book-derived + OTL owner rules (Norman 'Design of Everyday Things', Holl

• vietnamese-comments

  Dùng khi thêm hoặc sửa chú thích, tài liệu, hướng dẫn cấu hình, hoặc text mô tả trong source của dự án OTL-06ALS. Mục tiêu là giữ chú thích tiếng Việt có dấu, đúng encoding UTF-8, và không làm hỏng chuỗi debug tiếng Anh.

• webapp-testing

  Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

• youtube-otl

  Làm việc với kênh YouTube của công ty qua MCP `otl-youtube` — đọc kênh/video/số liệu/bình luận, và SỬA tiêu đề, mô tả, tag, chế độ riêng tư của video đã đăng. Gồm cả cách cấp quyền OAuth, cách AI "xem" một video bằng cắt khung hình, và cách viết tiêu đề/mô tả có mốc chương cho video gửi đối tác. Dùn

• analyze-roast

  Phân tích hoặc so sánh mẻ rang từ thống kê đã lưu; dùng khi hỏi chất lượng đường rang, mốc hoặc mẻ lệch.

• artisan-issues

  Tra cứu lỗi, yêu cầu và phản hồi người dùng đã lưu từ GitHub Artisan; dùng khi đối chiếu kết nối máy rang, cảm biến, điều khiển, profile hoặc hành vi ứng dụng với kinh nghiệm thực tế của người dùng Artisan.

• edit-profile

  Soạn hoặc điều chỉnh hồ sơ rang khi người dùng muốn đổi nhiệt nạp, nhiệt xả, thời gian hay ghi chú.

• manage-stock

  Kiểm tồn kho và đơn hàng, tính nhu cầu rang hoặc điều chỉnh kho theo yêu cầu cụ thể.

• mill-city-roasters

  Tra cứu kiến thức rang cà phê từ phụ đề kênh Mill City Roasters; dùng khi cần tìm lời giải thích, kỹ thuật hoặc quan điểm đã trình bày trong video của kênh.

• operate-roaster

  Chuẩn bị lệnh hoặc kế hoạch vận hành máy rang trong phiên người vận hành cấp; dùng khi có yêu cầu điều khiển thật.

MCP servers (5)

• otl-roaster

  runs: C:/Users/truon/AppData/Local/Programs/Python/Python311/python.exe F:/Project/100_OTL_06ALS - CMS - Cacao/tools/mcp_roaster/server.py

• otl-youtube

  runs: C:/Users/truon/AppData/Local/Programs/Python/Python311/python.exe F:/Project/100_OTL_06ALS - CMS - Cacao/tools/mcp_youtube/server.py

• otl-manual

  runs: C:/Users/truon/AppData/Local/Programs/Python/Python311/python.exe F:/Project/100_OTL_06ALS - CMS - Cacao/tools/mcp_manual/server.py

• otl-serial-terminal

  runs: C:/Users/truon/AppData/Local/Programs/Python/Python311/python.exe F:/Project/100_OTL_06ALS - CMS - Cacao/tools/mcp_serial_terminal/server.py

• otl-bt-sim

  runs: C:/Users/truon/AppData/Local/Programs/Python/Python311/python.exe F:/Project/100_OTL_06ALS - CMS - Cacao/tools/mcp_bt_sim/server.py

Similar plugins