微信扫一扫把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
HTML设计转代码还原技能，用于本地.html原型。当用户要求将设计稿还原、复制、重建或像素级匹配到当前项目栈和语言中时使用。触发词包括：还原设计稿, HTML还原, 复刻页面, 像素级还原, design to code, restore UI, replicate page, convert html mockup, implement from html file, React, Next.…
实用模式用于将fp-ts与React结合使用 - hooks、状态、表单、数据获取。适用于React 18/19，Next.js 14/15。
交互式可视化库。当您需要悬停信息、缩放、平移或可嵌入网页的图表时使用。最适合用于仪表板、探索性分析和演示。对于静态出版物图表，请使用matplotlib或科学可视化。
在生成带有块的Slack API负载、带有结构化内容的chat.postMessage调用或views.open/views.publish调用时主动应用。触发于Block Kit、Slack块、段落块、动作块、标题块、分割线块、上下文块、表格块、Markdown块、富文本块、图片块、输入块、视频块、context_actions块、计划块、任务卡片块、Slack模态框、Slack应用程序主页、S…
UI/UX设计智能。50种样式，21个调色板，50种字体配对，20种图表，9个技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui）。操作：计划、构建、创建、设计、实现、审查、修复、改进、优化、增强、重构、检查UI/UX代码。项目：网站、着陆页、仪表盘、管理面板、电子商务、SaaS、作品集、博客、移…
历史设计运动及其持久影响。了解包豪斯、瑞士国际风格、装饰艺术、孟菲斯等。在选择美学方向、理解文化背景或预测潮流周期时使用。
使用MCP工具在Blockbench中创建和编辑3D模型。适用于用立方体构建几何体、创建网格、放置球体/圆柱体、编辑顶点、拉伸面或通过组来组织模型等场景。涵盖了基于立方体的Minecraft建模和自由形式的网格编辑。
遵循IEEE 1800标准的专家级Verilog和SystemVerilog知识。生成具有适当编码风格和结构的可综合RTL代码。
React、Next.js的前端开发模式，状态管理，性能优化以及UI最佳实践。
使用Tailwind CSS自定义主题、玻璃拟态效果和Framer Motion动画构建暗色主题的React应用程序。适用于创建仪表板、管理面板或数据丰富的界面...
现代React UI模式，适用于加载状态、错误处理和数据获取。在构建UI组件、处理异步数据或管理UI状态时使用。
Three.js 资源加载 - GLTF、纹理、图像、模型、异步模式。在加载3D模型、纹理、HDR环境或管理加载进度时使用。
UI/UX设计智能。50种风格，21种调色板，50种字体配对，20种图表，9种技术栈（React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui）。操作：计划、构建、创建、设计、实施、审查、修复、改进、优化、增强、重构、检查UI/UX代码。项目：网站、着陆页、仪表盘、管理面板、电子商务、SaaS、…
使用DTCG规范的设计令牌专家。当用户询问设计令牌、DTCG格式、令牌验证、格式化、转换、色彩空间（sRGB、Display P3、OKLCH）、引用和别名、解析器、使用修饰符/上下文进行主题设置、多平台设计系统、可访问性，或是与jq、jsonata和terrazzo等工具协作时，请运用此技能。帮助创建令牌文件、配置解析器、构建结构、命名约定以及最佳实践。
使用MCP工具在Blockbench中创建和管理基于物理的渲染（PBR）材质。当处理texture_set.json文件、创建法线/高度/MER贴图、为Minecraft Bedrock RTX配置材质属性或设置多通道纹理工作流程时，请使用此功能。
协调具有定义角色、任务生命周期、交接协议和审查工作流的多代理团队。使用场景：(1) 设置由2个或更多具有不同专业化的代理组成的团队，(2) 定义任务路由和生命周期（收件箱 → 规格 → 构建 → 审查 → 完成），(3) 在代理之间创建交接协议，(4) 建立审查和质量关卡，(5) 管理代理之间的异步通信和工件共享。
精心策划的微交互和设计细节，为网站和应用程序增添了“魔力”和个人特色。
CRITICAL: 用于Makepad着色器系统。触发条件：makepad着色器, makepad draw_bg, Sdf2d, makepad像素, makepad glsl, makepad sdf, draw_quad, makepad gpu, makepad 着色器, makepad shader语法, makepad 绘制
CRITICAL: 用于Robius事件和动作模式。触发条件：自定义动作、MatchEvent、post_action、cx.widget_action、handle_actions、DefaultNone、widget action、event handling、事件处理、自定义动作
Three.js着色器 - GLSL、ShaderMaterial、uniforms、自定义效果。在创建自定义视觉效果、修改顶点、编写片段着色器或扩展内置材质时使用。
UI/UX设计智能。50种风格，21个调色板，50种字体搭配，20种图表，9个框架堆栈（React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui）。功能：计划、构建、创建、设计、实施、审查、修复、改进、优化、增强、重构、检查UI/UX代码。项目：网站、着陆页、仪表板、管理面板、电子商务、SaaS…
一项专业技能，用于应用程序评估（通过评分来评估应用程序的性能）和应用程序改进（为提高应用程序的性能提供专业的建议）。
Tailwind CSS高级布局技术，包括CSS Grid和Flexbox模式
仅读取并总结基于文本的文件类型。对于文本格式，优先使用read_file；在需要时，使用execute_shell_command进行类型检测。PDF/Office/图像/存档文件由其他技能处理。