react
React开发专家,擅长Vite、TypeScript、shadcn/ui、TanStack(Query、Table、Router)、表单和状态管理。积极应用于React + Vite项目、单页应用和客户端应用程序。
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
React开发专家,擅长Vite、TypeScript、shadcn/ui、TanStack(Query、Table、Router)、表单和状态管理。积极应用于React + Vite项目、单页应用和客户端应用程序。
动画执行:包含、修饰符顺序、时机、性能和过渡安全。在实现与动画相关的UI模式时使用。
Internet Explorer 6 CSS和JavaScript兼容性模式参考。在识别旧版浏览器特定代码以在代码库现代化过程中移除、解释遗留系统中不常见的CSS模式或审核样式表中的已弃用解决方法时使用。
用于Rails前端开发的Stimulus和Turbo模式。当使用Hotwire、Stimulus控制器、Turbo框架/流、渐进增强或现代Rails JavaScript时自动调用。在遇到"Stimulus"、"Turbo"、"Hotwire"、"turbo_frame"、"turbo_stream"、"Stimulus controller"、"data-controller"、"data-ac…
HTML设计转代码还原技能,用于本地.html原型。当用户要求将设计稿还原、复制、重建或像素级匹配到当前项目栈和语言中时使用。触发词包括:还原设计稿, HTML还原, 复刻页面, 像素级还原, design to code, restore UI, replicate page, convert html mockup, implement from html file, React, Next.…
将设计原型(HTML、CSS、Figma导出)转换为可用于生产的组件。分析原型结构,提取设计标记,识别可重用模式,并生成类型化的React组件。默认适应现有的技术栈,使用React + TypeScript。
UI/UX设计智能。50种风格,21种调色板,50种字体搭配,20种图表,9种框架(React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui)。操作:规划、构建、创建、设计、实施、审查、修复、改进、优化、增强、重构、检查UI/UX代码。项目:网站、着陆页、仪表盘、管理面板、电子商务、SaaS、作…
根据用户上传的资料(文字、图片、视频等)和指定的风格类型,查找 references/html_style_summary 目录下的风格总结文件,生成符合规范的 HTML 页面
Unity UI Toolkit技能,用于运行时UI开发、USS样式、UXML模板和自定义视觉元素。
触发条件:(1) 用户提及“manim”或“Manim Community”或“ManimCE”,(2) 代码中包含`from manim import *`,(3) 用户运行`manim`命令行指令,(4) 使用Scene、MathTex、Create()或ManimCE特有的类。适用于Manim社区版的最佳实践 - 这是一个由社区维护的Python动画引擎。涵盖了场景结构、动画、LaTeX/M…
SwiftUI 架构模式,使用 @Observable 进行状态管理,视图组合,导航,性能优化,以及现代 iOS/macOS UI 最佳实践。
精通为网页构建3D体验 - Three.js、React Three Fiber、Spline、WebGL以及交互式3D场景。涵盖产品配置器、3D作品集、沉浸式网站,并为网页体验增添深度。使用于:3D网站、three.js、WebGL、react three fiber、3D体验。
数据可视化
UI/UX设计智能。汇总Web应用程序的界面布局、组件、样式指南。附带可搜索的设计数据库,包含50多种样式、97种调色板、57种字体配对、99条UX指南、25种图表类型以及支持9种技术栈。
使用HTML5、Canvas、WebGL和JavaScript构建基于网页的游戏引擎和游戏的专家级技能。当被要求创建游戏、构建游戏引擎、实现游戏物理效果、处理碰撞检测、设置游戏循环、管理精灵图、添加游戏控制或处理2D/3D渲染时使用。涵盖平台游戏、打砖块风格游戏、迷宫游戏、瓦片地图、音频、通过WebRTC实现多人游戏以及发布游戏的技术。
使用C#和.NET构建WPF桌面应用程序的最佳实践。适用于从事WPF项目、.NET桌面应用程序、XAML用户界面、MVVM架构、系统托盘应用程序,或任何使用Windows Presentation Foundation的C#项目时。
布局模式:VStack/HStack/ZStack组合、视图结构、子视图提取、GeometryReader替代方案、安全区域处理。在排列视图、构建屏幕布局或构建视图层次结构时使用。触发词:VStack, HStack, ZStack, LazyVStack, Grid, Spacer, padding, frame, GeometryReader。
React Router v7加载器性能优化技术。当优化TTFB、消除瀑布流、合并数据库查询或在加载器中流式传输次要数据时使用。在遇到“慢速加载器”、“优化TTFB”、“加速React Router”、“加载器性能”或加载器响应时间超过500毫秒时触发。
'Astro页面创建模式、布局属性、内容集合以及AG产品网站的代码约定'
基于重构UI原则的生产级移动应用UI设计。始终激活用于:Flutter应用、移动应用、iOS应用、Android应用、移动UI、应用屏幕、移动导航、底部工作表、移动表单、触摸目标、移动字体排印、应用配色方案、移动卡片、列表视图、移动模态框、标签栏、应用栏、浮动操作按钮。提供移动设计工作流程、触控优化间距、移动字体排印比例、平台感知模式。土耳其语:mobil uygulama tasarımı, F…
UI/UX设计师技能,负责用户界面设计和用户体验优化。适用于以下场景: (1) 制作产品界面原型 (2) 设计交互流程和动效 (3) 制定视觉规范和设计系统 (4) 进行用户研究和可用性测试 (5) 输出设计稿和切图资源 (6) 优化用户体验和转化率
生成架构图作为.excalidraw文件。当用户要求创建架构图、系统图、可视化代码库结构、基础设施图或生成excalidraw文件时使用。
使用Framelink Figma-Context-MCP(get_figma_data和download_figma_images)将Figma节点转换为具有1:1视觉保真度的生产就绪代码。当用户提供Figma URL或节点ID,或要求实现必须与Figma完全匹配的组件/页面时触发,并且工作流应使用Figma-Context-MCP而不是官方的Figma MCP服务器。
Qt布局管理器——在容器内排列和调整控件的大小。当放置控件、控制调整大小的行为、构建表单布局、创建分割器、嵌套容器或调试未按预期显示的控件时使用。触发短语:"排列控件","布局","调整大小行为","QSplitter","居中控件","控件不可见","扩展以填充","固定大小","拉伸因子","表单布局","网格布局","间距","边距"