蓝鲸 MagicBox 3.0 组件专家规则
Official设计稿还原规则：先分析布局，再按需加载模版
AuthorTencentBlueKing
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Design teams often struggle to translate complex UI designs into consistent, reusable BKUI components. This skill provides a layout analysis pass followed by deterministic template loading to speed up design-to-code handoffs and ensure UI parity.
Core Features & Use Cases
- Layout analysis: extract structure, sections, and component patterns from a design draft and map them to BKUI-ready templates.
- Template loading: load and assemble required templates and assets based on the analysis.
- Use Case: When given a dashboard mockup, generate a matching BKUI template set and a layout report to guide implementation.
Quick Start
Analyze a given design draft and emit a layout-and-template plan for immediate prototyping.
Dependency Matrix
Required Modules
None requiredComponents
referencesassets
💻 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: 蓝鲸 MagicBox 3.0 组件专家规则 Download link: https://github.com/TencentBlueKing/bk-bcs/archive/main.zip#magicbox-3-0 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 223,000+ vetted skills library on demand.