Skill 资源库

AI Skill 资源库

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

personjakexiao无需 Key

"view-composition"

视图组合:@ViewBuilder属性,部分提取,将主体作为目录,命名约定。在实现与视图组合相关的UI模式时使用。

download16deployed_codestar1
personjakexiao无需 Key

ui-studio

从产品目标到交付UI,全程协调前端开发。确立共享的产品简报(目标、受众、审美基调)作为指导方向,然后协调前端设计师、UI布局设计师、UI/UX设计师、UI润色师以及React性能优化师,共同达成一致的结果。适用于从零开始构建新的UI、页面或功能时使用。

download16deployed_codestar0
personjakexiao无需 Key

manimce-best-practices

触发条件:(1) 用户提及“manim”或“Manim Community”或“ManimCE”,(2) 代码中包含`from manim import *`,(3) 用户运行`manim`命令行指令,(4) 使用Scene、MathTex、Create()或ManimCE特有的类。适用于Manim社区版的最佳实践 - 这是一个由社区维护的Python动画引擎。涵盖了场景结构、动画、LaTeX/M…

download16deployed_codestar687
personjakexiao无需 Key

swift-concurrency-6-2

Swift 6.2 可接近的并发性 — 默认单线程,@concurrent 用于显式后台卸载,隔离一致性用于主 actor 类型。

download16deployed_codestar82.8K
personjakexiao无需 Key

website-css

CSS架构、设计系统、设计令牌、实用类以及AG产品网站的样式模式

download16deployed_codestar447
personjakexiao无需 Key

ui-style-guide

前端编码标准、组件模式和Guessimate Angular UI的设计系统。在编写或审查前端代码时参考。

download16deployed_codestar221
personjakexiao无需 Key

ui-component-patterns

遵循现代设计模式构建可重用、可维护的UI组件。在创建组件库、实现设计系统或构建可扩展的前端架构时使用。涵盖React模式、组合、属性设计、TypeScript以及组件最佳实践。

download16deployed_codestar219
personjakexiao无需 Key

browser-extension-developer

在开发或维护`browser/`目录下的浏览器扩展代码时使用此技能,包括Chrome/Firefox/Edge兼容性、内容脚本、后台脚本或i18n更新。

download16deployed_codestar219
personjakexiao无需 Key

"spacing-layout"

间距和布局度量:8pt网格系统、标准边距、44pt点击目标、垂直节奏、密度指南。在设置填充、边距、元素之间的间距或确保触摸目标大小时使用。触发词:填充、间距、边距、点击目标、44pt、网格、密度、内容边距。

download16deployed_codestar1
personjakexiao无需 Key

modal-patterns

React Portal 模态框实现模式,适用于Dr. Sophia AI。涵盖createPortal用法、AnimatePresence集成、z-index层级(头部始终可见)、暗黑模式样式、背景不透明度。在创建模态框、解决头部重叠问题、实现React Portal组件或调试模态框堆叠问题时使用。

download16deployed_codestar6
personjakexiao无需 Key

react-router-loader-performance

React Router v7加载器性能优化技术。当优化TTFB、消除瀑布流、合并数据库查询或在加载器中流式传输次要数据时使用。在遇到“慢速加载器”、“优化TTFB”、“加速React Router”、“加载器性能”或加载器响应时间超过500毫秒时触发。

download16deployed_codestar0
personjakexiao无需 Key

swiftui-patterns

SwiftUI 架构模式,使用 @Observable 进行状态管理,视图组合,导航,性能优化,以及现代 iOS/macOS UI 最佳实践。

download16deployed_codestar82.8K
personjakexiao无需 Key

ui-polish-review

在审查任何网页或应用程序界面的视觉质量时使用 —— 通过重构UI原则,涵盖层次、间距、排版、颜色、深度、图像以及最后的润色,将设计从业余提升到专业水平。

download16deployed_codestar4
personjakexiao无需 Key

svelte-code-writer

用于Svelte 5文档查询和代码分析的CLI工具。在创建、编辑或分析任何Svelte组件(.svelte)或Svelte模块(.svelte.ts/.svelte.js)时必须使用。如果可能,该技能应在svelte-file-editor代理中执行以获得最佳效果。

download16deployed_codestar219
personjakexiao无需 Key

chrome-extension

在开发Chrome扩展程序方面拥有专业知识,涵盖了从基础架构到高级功能的所有方面。包括Manifest V3、服务工作者、内容脚本、Chrome API、弹出窗口和选项页面、安全性、性能、测试、调试和发布等内容。适用于开发Chrome扩展程序或将Manifest V2迁移到V3时使用。对于HTML、CSS和JavaScript的最佳实践以及现代Web API,请使用modern-web-dev技能…

download16deployed_codestar2
personjakexiao无需 Key

"view-complexity"

视图复杂性管理:30行主体规则,计算属性提取,子视图分解,防止类型检查超时。当视图主体变得很长、重构大型视图或遇到Swift类型检查器超时时使用。触发条件:主体过长、重构视图、提取子视图、类型检查超时、视图过于复杂。

download16deployed_codestar1
personjakexiao无需 Key

ie6-hacks

Internet Explorer 6 CSS和JavaScript兼容性模式参考。在识别旧版浏览器特定代码以在代码库现代化过程中移除、解释遗留系统中不常见的CSS模式或审核样式表中的已弃用解决方法时使用。

download16deployed_codestar0
personjakexiao无需 Key

tamagui-best-practices

提供用于配置v4、编译器优化、样式化上下文和跨平台样式的Tamagui模式。在处理Tamagui项目(如tamagui.config.ts, @tamagui导入)时必须使用。

download16deployed_codestar220
personjakexiao无需 Key

godot-gdscript-patterns

掌握Godot 4的GDScript模式,包括信号、场景、状态机和优化。在构建Godot游戏、实现游戏系统或学习GDScript最佳实践时使用。

download16deployed_codestar219
personjakexiao无需 Key

interaction-design

设计并实现微交互、动态设计、过渡效果和用户反馈模式。在为UI交互添加润色、实现加载状态或创建令人愉悦的用户体验时使用。

download16deployed_codestar219
personjakexiao无需 Key

primitives

助手UI基础组件指南 - ThreadPrimitive, ComposerPrimitive, MessagePrimitive。在自定义聊天UI组件时使用。

download16deployed_codestar7