Skill 资源库

AI Skill 资源库

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

personjakexiao无需 Key

frontend-responsive

实现移动优先的响应式设计,使用流式布局、断点、相对单位和适用于所有设备尺寸的触摸友好界面。在编写或修改React组件(.tsx, .jsx文件)时、实现CSS或Tailwind响应式工具(sm:、md:、lg:、xl: 断点)时、处理布局组件、导航菜单、网格系统时、针对移动设备、平板电脑或桌面屏幕进行优化时、实现媒体查询时、确保触摸友好的UI元素时,或者测试跨设备兼容性时,使用此技能。

download13deployed_codestar221
personjakexiao无需 Key

frontend-ui-dark-ts

使用Tailwind CSS构建具有自定义主题、玻璃拟态效果和Framer Motion动画的暗色主题React应用程序。适用于创建具有精致暗色调的仪表板、管理面板或数据丰富的界面时使用。

download13deployed_codestar219
personjakexiao无需 Key

tailwind-design-system

使用Tailwind CSS、设计令牌、组件库和响应模式构建可扩展的设计系统。在创建组件库、实现设计系统或标准化UI模式时使用。

download13deployed_codestar219
personjakexiao无需 Key

marp-slide

创建具有7种美丽主题(默认、极简、多彩、暗色、渐变、科技、商务)的专业Marp演示文稿幻灯片。当用户请求创建幻灯片、演示文稿或Marp文档时使用。支持自定义主题、图片布局以及带有自动质量改进的“让它看起来更好”的请求。

download13deployed_codestar219
personjakexiao无需 Key

next-best-practices

Next.js最佳实践 - 文件约定、RSC边界、数据模式、异步API、元数据、错误处理、路由处理器、图片/字体优化、打包

download13deployed_codestar219
personjakexiao无需 Key

website-maintainer

在`website/`目录下处理Repomix文档网站时使用此技能,包括VitePress配置、多语言内容或翻译工作流程。

download13deployed_codestar219
personjakexiao无需 Key

design-system-lead

专家级设计系统领导力,涵盖组件库、设计令牌、文档以及设计与开发协作。在架构设计令牌系统、构建组件库、定义治理和贡献流程、衡量设计系统的采用情况或生成跨平台令牌(CSS、SCSS、iOS、Android)时使用。

download13deployed_codestar42
personjakexiao无需 Key

react-email

在使用React组件创建HTML电子邮件模板时使用 - 欢迎邮件、密码重置、通知、订单确认、新闻通讯或事务性邮件。

download13deployed_codestar219
personjakexiao无需 Key

wiki-vitepress

将生成的wiki Markdown打包成一个具有暗色主题的VitePress静态站点,支持暗模式Mermaid图表和点击缩放功能,并提供生产构建输出。当用户希望从生成的wiki页面创建一个可浏览的网站时使用。

download13deployed_codestar219
personjakexiao无需 Key

responsive-design

创建适用于所有设备和屏幕尺寸的响应式网页设计。在构建移动优先布局、实现断点或针对不同视口进行优化时使用。处理CSS Grid、Flexbox、媒体查询、视口单位以及响应式图片。

download13deployed_codestar219
personjakexiao无需 Key

vue-development-guides

使用Vue.js开发应用程序的最佳实践和技巧集合。在开发、重构或审查Vue.js或Nuxt项目时必须应用此技能。

download13deployed_codestar219
personjakexiao无需 Key

unity-inspector

Unity检视面板设计顾问。当用户希望更好地使用SerializeField,Tooltip/Header组织,验证,CreateAssetMenu,RequireComponent,或在检视面板中获得更清晰的创作用户体验时使用。触发词:检视面板, SerializeField, Tooltip, Header, Range, OnValidate, RequireComponent, Creat…

download13deployed_codestar468
personjakexiao无需 Key

prototype

创建快速React原型,打包成单个HTML文件。适用于演示、交互实验或可分享的作品-不适用于完整应用程序(对于这些,请使用audreygen/Next.js)。

download13deployed_codestar0
personjakexiao无需 Key

threejs-builder

创建简单的Three.js网页应用,包括场景设置、光照、几何体、材质、动画和响应式渲染。用于:"创建一个threejs场景/应用/展示"或当用户想要3D网页内容时。支持ES模块,现代Three.js r150+ API。

download13deployed_codestar221
personjakexiao无需 Key

algolia-search

Algolia搜索实现的专家模式、索引策略、React InstantSearch以及相关性调整。使用场景:添加搜索到algolia、即时搜索、搜索API、搜索功能。

download13deployed_codestar219
personjakexiao无需 Key

shader-programming-glsl

专家指南,教你如何为网页和游戏引擎编写高效的GLSL着色器(顶点/片段),涵盖语法、统一变量及常见效果。

download13deployed_codestar219
personjakexiao无需 Key

c4-architecture

使用C4模型Mermaid图生成架构文档。当被要求创建架构图、记录系统架构、可视化软件结构、创建C4图或生成上下文/容器/组件/部署图时使用。触发词包括“架构图”、“C4图”、“系统上下文”、“容器图”、“组件图”、“部署图”、“记录架构”、“可视化架构”。

download13deployed_codestar219
personjakexiao无需 Key

next-upgrade

按照官方迁移指南和代码修改工具将Next.js升级到最新版本

download13deployed_codestar219
personjakexiao无需 Key

create-adaptable-composable

创建一个库级别的Vue组合式函数,该函数接受可能具有响应性的输入(MaybeRef / MaybeRefOrGetter),这样调用者可以传递普通值、ref或getter。在响应式效果(如watch/watchEffect)内部使用toValue()/toRef()来规范化输入,以保持行为的可预测性和响应性。当用户要求创建适应性强或可重用的组合式函数时,请使用此技能。

download13deployed_codestar219
personjakexiao无需 Key

makepad-splash

CRITICAL: 用于Makepad Splash脚本语言。触发条件:splash语言、makepad脚本、makepad脚本编写、script!、cx.eval、makepad动态、makepad AI、splash 语言、makepad 脚本

download13deployed_codestar2
personjakexiao无需 Key

extract

使用代理浏览器从任何网站提取全面的设计系统数据

download13deployed_codestar0