Skill 资源库

AI Skill 资源库

把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。

personjakexiao无需 Key

design-implementation-reviewer

将实时的UI实现与Figma设计进行视觉比较,并对不一致之处提供详细的反馈。在编写或修改HTML/CSS/React组件后使用,以验证设计的一致性。

download10deployed_codestar2
personjakexiao无需 Key

design-iterator

通过N个截图-分析-改进周期迭代地完善UI设计。当1-2次尝试后设计更改仍无法统一时,或用户请求迭代改进时,主动使用此方法。

download10deployed_codestar2
personjakexiao无需 Key

design:nico

暗森林美学,带有优雅的克制。去饱和度的调色板、衬线字体、圆形图案。适用于数据可视化、编辑网站、精致演示。

download10deployed_codestar0
personjakexiao无需 Key

domain-web

用于构建Web服务。关键词:web服务器、HTTP、REST API、GraphQL、WebSocket、axum、actix、warp、rocket、tower、hyper、reqwest、中间件、路由、处理器、提取器、状态管理、认证、授权、JWT、会话、cookie、CORS、速率限制、web 开发、HTTP 服务、API 设计、中间件、路由

download10deployed_codestar2
personjakexiao无需 Key

binding-enum-command-parameters

使用x:Static标记扩展将枚举值绑定到WPF CommandParameter。当向命令传递枚举类型或避免基于字符串的命令参数错误时使用。

download10deployed_codestar16
personjakexiao无需 Key

displaying-slider-index

在WPF滑块控件中将基于0的集合索引显示为基于1的数字。当显示对用户友好的切片/页码时使用,同时保持内部基于0的索引。

download10deployed_codestar16
personjakexiao无需 Key

aligner

此技能应在创建可以从用户反馈中受益的视觉图表、流程图或架构可视化时使用。它启用了一个视觉反馈循环,其中代理生成JSON图表,用户在浏览器中直观地编辑它们,然后代理读取评论和更改。当收到如“绘制图表”、“创建流程图”、“可视化这个流程”、“让我直观地看看”等请求,或者在规划可以从与用户的视觉迭代中受益的复杂工作流程时触发。

download10deployed_codestar2
personjakexiao无需 Key

FrontendWebAmazingStyle

世界级的电影级着陆页架构师。创建具有“高端有机技术”美学的高保真、像素完美的着陆页。适用于需要复杂动画、微交互和高品质前端工艺的高端品牌着陆页。

download10deployed_codestar0
personjakexiao无需 Key

WebF Quickstart

开始WebF开发 - 设置WebF Go,使用Vite创建React/Vue/Svelte项目,并加载你的第一个应用程序。

download10deployed_codestar1
personjakexiao无需 Key

Pdp

产品详情页面架构、图片库/轮播图、缓存以及添加到购物车流程。

download10deployed_codestar1
personjakexiao无需 Key

authoring-wpf-controls

指导WPF控件编写中的决策,包括UserControl与Control与FrameworkElement的选择。在创建新控件或评估样式/模板/触发器替代方案时使用。

download10deployed_codestar16
personjakexiao无需 Key

figma-design-sync

检测并修复网页实现与其Figma设计之间的视觉差异。在同步实现以匹配Figma规范时迭代使用。

download10deployed_codestar2
personjakexiao无需 Key

homeassistant-dashboard-designer

设计、更新和重构Home Assistant Lovelace仪表板(YAML视图/部分),采用受限且机器友好的设计系统:以按钮卡片为主的结构,最少的卡片样式修改,可选的flex-horseshoe + 迷你图表遥测,严格的网格/垂直堆叠布局规则,集中化的模板,确定性的排序以及配置验证。当进行Home Assistant仪表板工作(特别是config/dashboards/**)时使用,尤其是在重…

download10deployed_codestar5.2K
personjakexiao无需 Key

ux-design-gemini

使用memex-cli与Gemini后端创建UX设计。在以下情况下使用:(1) 生成用户流程和线框图,(2) 创建UI组件规范,(3) 设计交互模式,(4) 构建设计系统文档,(5) 制作响应式布局指南。

download10deployed_codestar1
personjakexiao无需 Key

Penpot Uiux Design

使用MCP工具在Penpot中创建专业UI/UX设计的全面指南。当(1)为Web、移动或桌面应用程序创建新的UI/UX设计时,(2)使用组件和令牌构建设计系统时,(3)设计仪表板、表单、导航或着陆页时,(4)应用无障碍标准和最佳实践时,(5)遵循平台指南(iOS、Android、Material Design)时,(6)审查或改进现有Penpot设计以提高可用性时,请使用此技能。触发词:"设计一个…

download10deployed_codestar1
personjakexiao无需 Key

advanced-data-binding

实现高级的WPF数据绑定模式,包括MultiBinding、PriorityBinding和复杂转换器。当需要组合多个值、回退值或实现复杂绑定场景时使用。

download10deployed_codestar16
personjakexiao无需 Key

checking-image-bounds-transform

在WPF中检查并限制鼠标坐标在变换后的图像边界内。在实现只应在平移/缩放/旋转变换后的图像内部工作的测量工具或注释时使用。

download10deployed_codestar16
personjakexiao无需 Key

configuring-wpf-themeinfo

在AssemblyInfo.cs中配置ThemeInfo属性,以便自动加载WPF自定义控件的Generic.xaml。在创建WPF自定义控件库项目或解决缺少控件样式的问题时使用。

download10deployed_codestar16