Skill 资源库

AI Skill 资源库

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

personjakexiao无需 Key

stitch-ui-design

专家指南,用于创建适用于Google Stitch AI UI设计工具的有效提示。当用户想要在Stitch中设计UI/UX、创建应用程序界面、生成移动/网页设计或需要帮助时使用...

download11deployed_codestar2
personjakexiao无需 Key

figma-ddocdoc-app

ddocdoc-app(React Native) 设计系统Figma-代码映射指南。在将Figma组件转换为React Native(NativeWind)代码时,请参考颜色标记用法和组件映射规则。

download11deployed_codestar0
personjakexiao无需 Key

jquery

全面的jQuery开发助手,用于DOM操作、事件处理、AJAX请求、动画以及插件开发。每当用户提到jQuery、$()选择器语法、.on()、.click()、$.ajax()、jQuery动画,或者询问与jQuery代码相关的工作,包括调试、重构或迁移到纯JavaScript时,请使用此技能。

download11deployed_codestar0
personjakexiao无需 Key

busirocket-nextjs

应用Next.js App Router路由处理模式。在创建或重构route.ts文件、实现API端点、验证请求输入以及返回带有适当状态码的标准JSON响应时使用。

download11deployed_codestar0
personjakexiao无需 Key

aether-setup

在Expo项目中安装和配置@byarcadia-app/aether。每当用户想要安装aether、设置aether-ui、将aether添加到他们的项目中、使用aether预设设置NativeWind、在Expo中配置aether、添加@byarcadia-app/aether,或创建包含aether组件的新Expo应用时,请使用此技能。对于任何aether的安装或NativeWind+aeth…

download11deployed_codestar4
personjakexiao无需 Key

frontend-to-backend-requirements

记录前端数据需求,以便后端开发者使用。当需要从前端向后端传达API需求时,或者用户提到'后端需求'、'我需要什么数据'、'API需求',或是在描述UI的数据需求时使用。

download11deployed_codestar1
personjakexiao无需 Key

htmx-development

在Drupal 11.3+中开发HTMX功能或从AJAX迁移到HTMX时使用。涵盖Htmx类的使用、表单模式、迁移策略和验证。触发词包括“htmx”、“ajax to htmx”、“动态表单”、“依赖下拉框”。

download11deployed_codestar17
personjakexiao无需 Key

chartjs-graphs

Chart.js集成模式,用于在Django模板中创建交互式的统计图表。涵盖HTML设置、数据注入以及使用datalabels插件渲染JavaScript图表。

download11deployed_codestar0
personjakexiao无需 Key

wordpress-pro

在开发WordPress主题、插件,自定义Gutenberg区块,实现WooCommerce功能,或优化WordPress性能和安全时使用。

download11deployed_codestar0
personjakexiao无需 Key

rive

全面的Rive动画平台技能,涵盖脚本(Luau)、运行时集成(React/Next.js)、状态机、数据绑定以及完整的API。当用户需要使用Rive创建交互式动画、将Rive集成到React/Next.js应用程序中、编写Rive脚本(Node, Layout, Converter, PathEffect协议)、通过状态机控制动画、实现基于滚动的动画或与Rive的绘图API(Path, Paint…

download11deployed_codestar6
personjakexiao无需 Key

better-modal

使用@buiducnhat/better-modal的指南 —— 一个无头、基于Promise的React模态状态管理库。适用于在使用此包的任何React应用中编写、审查或重构模态代码时。涵盖安装、所有公共API、React/Vercel最佳实践、TypeScript模式以及应避免的常见反模式。

download11deployed_codestar3
personjakexiao无需 Key

busirocket-tailwindcss-v4

应用Tailwind CSS v4的设置和样式策略。在配置Tailwind v4、编写组件样式、决定使用工具类还是自定义CSS以及避免样式漂移时使用。

download11deployed_codestar0
personjakexiao无需 Key

aether-ui

使用@byarcadia-app/aether构建屏幕的完整API知识 —— 这是一个基于NativeWind/Tailwind仅支持iOS的React Native组件库。每当用户想要使用aether组件、用aether构建屏幕、添加按钮/卡片/列表/表单、使用aether创建React Native UI、使用@byarcadia-app/aether组件、或者使用aether创建表单/屏幕/…

download11deployed_codestar4
personjakexiao无需 Key

frontend-design-principles

创建精美的、有目的性的前端界面。在构建任何用户界面时使用此技能——无论是仪表板、管理面板、登录页面、营销网站还是Web应用程序。根据上下文提供专门的指导。

download11deployed_codestar1
personjakexiao无需 Key

apple-design-prompts

使用9个专门的Claude提示生成苹果级别的设计系统、品牌指南、UI模式和营销素材。当被要求设计一个品牌、创建一个设计系统、构建UI/UX模式、批评设计、生成营销素材、审核可访问性、将设计转换为代码、创建Figma规格或分析设计趋势时,请使用此方法。触发词包括“设计系统”、“品牌形象”、“UI设计”、“设计批评”、“可访问性审核”、“设计转代码”、“Figma规格”、“营销素材”、“设计趋势”。

download11deployed_codestar2
personjakexiao无需 Key

creating-inline-actions

基于按钮的交互界面,适用于遵循XIP-67的XMTP代理。在创建菜单、确认对话框、选择选项或任何基于按钮的交互时使用。触发于内联操作、按钮、菜单或ActionBuilder。

download11deployed_codestar0
personjakexiao无需 Key

astro

Astro框架模式适用于Islands架构、客户端指令(client:load, client:visible, client:idle, client:only, client:media)、集成(MDX, Tailwind, React/Vue/Svelte)、视图转换API以及部署策略。在构建以内容为中心的网站、实现部分水合岛、设置多框架项目、默认使用零JS优化性能或部署静态/SSR站点时使…

download11deployed_codestar2
personjakexiao无需 Key

domain-scaffolder-frontend

根据现有的计划生成前端代码。需要在生成组件之前加载特定项目的UI模式。使用场景:"搭建前端","为{slice}实现前端",在领域后端脚手架完成后使用。读取shared.md、frontend.md和flows.md以生成类型、服务、钩子、组件以及页面/小部件包装器。不适用于:后端代码、领域切片之外的一般前端工作。通过modes/目录支持多种前端框架。

download11deployed_codestar4
personjakexiao无需 Key

busirocket-tauri

应用Tauri特定的标准来开发桌面应用程序。在创建Tauri命令、配置调用处理器和权限,以及在src-tauri下应用Rust布局时使用。

download11deployed_codestar0
personjakexiao无需 Key

c15t

处理c15t v2+的同意管理文档、API和针对Next.js、React及JavaScript的集成。当用户询问有关c15t设置、组件、钩子、样式、cookie/同意用户体验、GDPR/CCPA/IAB TCF合规性、脚本或iframe阻止、GTM/GA4/PostHog/Meta集成等,或是自托管c15t/后端时使用。

download11deployed_codestar2
personjakexiao无需 Key

component-designer

在设计特定模块组件时使用 - 创建architecture/component_name.md文件,包含目的、接口、依赖项和模式参考

download11deployed_codestar17
personjakexiao无需 Key

design-exploration

为组件或页面生成多个不同的设计变体,每个变体都有完全不同的视觉方向,然后实施选定的设计。当用户要求重新设计、更改样式、探索设计选项、创建多种视觉方向,或者对任何UI元素(如组件、页面、部分、仪表板、着陆页或完整布局)比较设计方法时使用。

download11deployed_codestar5