styling-web-tools
对本仓库中的HTML工具应用一致的视觉设计。在创建新工具、更新UI组件或添加按钮/图标/控件时使用。基于Vercel Geist设计系统,并受Claude应用程序的影响。
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
对本仓库中的HTML工具应用一致的视觉设计。在创建新工具、更新UI组件或添加按钮/图标/控件时使用。基于Vercel Geist设计系统,并受Claude应用程序的影响。
使用shadcn/ui组件在Next.js中构建美观且可访问的UI。适用于创建表单、对话框、表格、侧边栏或任何UI组件时。涵盖安装、组件模式、react-hook-form + Zod验证以及暗黑模式设置。不适用于构建非React应用程序或使用不同的组件库时。
当提到代理、子代理、任务工具或并行执行时,自动注入子代理委派的最佳实践。
>
调整子代理的任务分配与协作。控制规模判定和自主执行模式。在大规模任务分解时使用。
将子模块的更改推送到其分支。当您在子模块(如hive或core-geth)中进行了更改并需要推送这些更改时使用。
适用于生产的Supabase数据库模式,包括客户、订阅、支付、发票和webhook事件,并具有全面的行级安全策略。在设置支付基础设施、创建订阅表、实现安全支付数据存储或为多租户支付系统配置RLS策略时使用。
在将复杂的CocoaPods库组织成子规范时使用。涵盖了模块化架构、子规范之间的依赖管理以及默认子规范模式,以便更好地组织代码和提供可选功能。
创建并配置具有自定义提示、工具和模型的Claude Code子代理
在使用Tailwind CSS v4和Class Variance Authority (CVA)创建设计系统或样式组件时使用 - 提供具有CSS变量的设计令牌的类型安全组件变体
使用Tailwind CSS 3.x提供实用程序优先的CSS样式模式。在使用工具类为组件设置样式、配置tailwind.config.js、实现响应式设计或创建暗黑模式主题时使用。
进行子组分析以检验效应调节。使用于:(1) 测试预先指定的调节变量,(2) 探索异质性,(3) 识别差异效应,(4) 元分析综合。
总结选货提交流程,并在编码前用伪代码概述API端点和业务逻辑。
向3D Slicer扩展索引提交扩展的完整工作流程
专家助手,用于在Raamattu Nyt单体仓库中设计和实现订阅功能。在添加功能限制、实现配额检查、创建基于计划的访问控制、构建升级流程或扩展订阅系统时使用。
创建最小的子测试以隔离和修复复杂的错误。当测试失败且问题埋藏于复杂性中时使用。
使用设计令牌、断点和自定义CSS属性的StyleX样式模式。在处理样式、CSS、设计令牌、断点、响应式设计、主题、样式组件、css属性、stylex.create,或者当用户提到StyleX、tokens.stylex、controlSize、颜色令牌或断点时使用。
用于高效启动和管理并行子代理的模式。
在当前会话中执行包含独立任务的实施计划时使用
探索丹麦统计数据的主题层次结构,适用于所有事实表
订阅Appwrite实时事件以获取实时更新。在构建仪表板或实时预订计数器时使用。
适用于Stripe + Convex/database后端的订阅生命周期模式。用于:试用转付费流程、订阅状态管理、Webhook处理、访问控制逻辑、取消/重新订阅特殊情况。
处理用户关于connectrpc-axum的问题、功能请求和错误报告。当用户询问库相关问题、请求新功能或报告错误时,应使用此技能。首先尝试通过项目文档回答问题,通过集成测试验证错误,并在必要时提交GitHub问题。
使用OPAL子查询语法(@labels)和联合操作来组合多个数据集或时间段。这对于跨期比较、多数据集分析和复杂的数据转换至关重要。涵盖了@label <- @语法、用于时间偏移的timeshift、用于合并结果的union以及用于折叠分组数据的any_not_null()。