Skill 资源库

AI Skill 资源库

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

personjakexiao无需 Key

web-accessibility

遵循 WCAG 指南构建无障碍 Web 应用。适用于实现 ARIA 模式、键盘导航、屏幕阅读器支持或确保无障碍合规性。触发关键词:accessibility, a11y, WCAG, ARIA, screen reader, keyboard navigation, 无障碍, 可访问性。

download10deployed_codestar0
personjakexiao无需 Key

phaser

用于网页游戏、街机物理效果和网络部署的Phaser.js 2D游戏开发技能。

download10deployed_codestar458
personjakexiao无需 Key

"figma-implement-design"

使用Figma MCP工作流程(设计上下文、截图、资源和项目约定翻译)将Figma节点以1:1的视觉保真度转换为可用于生产的代码。当用户提供Figma URL或节点ID,或者要求实现必须符合Figma规范的设计或组件时触发。需要一个正常工作的Figma MCP服务器连接。

download10deployed_codestar0
personjakexiao无需 Key

swiftui-liquid-glass

使用iOS 26+ Liquid Glass API来实现、审查或改进SwiftUI功能。当被要求在新的SwiftUI界面中采用Liquid Glass,将现有功能重构为Liquid Glass,或审查LiquidGlass的使用以确保正确性、性能和设计一致性时,请使用此规则。

download10deployed_codestar221
personjakexiao无需 Key

mobile-first-design

首先为移动设备设计,然后扩展到更大的屏幕。创建能够无缝适应所有设备尺寸的响应式界面。

download10deployed_codestar132
personjakexiao无需 Key

text-animation-copier

使用Remotion从视频示例中复制并重现文本动画。此技能通过分析视频帧来识别文本动画模式(时间、移动、样式、效果),并生成相应的Remotion React组件。当用户要求从视频样本中复制或重现文本动画时使用。

download10deployed_codestar3
personjakexiao无需 Key

demo-builder

从零开始构建完整的演示项目。根据项目描述(展示网站、商店、仪表盘、SaaS、作品集等)搭建一个完整的可运行的Next.js + Tailwind CSS 3.4应用,准备好部署到Vercel。当提供DATABASE_URL时,支持可选的数据库集成。在用户想要构建演示、创建项目、搭建应用程序、制作原型或快速启动一个站点时使用。

download10deployed_codestar0
personjakexiao无需 Key

lucide-laravel

Lucide图标库与Laravel Blade模板的集成。当在Laravel应用程序中使用Lucide图标、带有x-lucide-前缀的Blade组件、通过Tailwind CSS进行图标样式设置、在Blade中动态渲染图标,或任何需要SVG图标的Laravel视图工作时,请使用此功能。关键词包括lucide图标、blade图标、x-lucide、SVG图标 Laravel、blade-lucid…

download10deployed_codestar0
personjakexiao无需 Key

swiftui-ui-patterns

构建SwiftUI视图和组件的最佳实践和示例驱动的指导。在创建或重构SwiftUI用户界面、使用TabView设计标签架构、组合屏幕或需要特定组件模式和示例时使用。

download10deployed_codestar221
personjakexiao无需 Key

laravel-fullstack

Laravel Blade视图、Alpine.js、Vue.js集成、TailwindCSS样式、Vite资源。当处理resources/views/、Blade组件、前端表单、UI元素、模态框、下拉菜单、表单时始终激活。触发条件包括:不显示、未展示、页面加载失败、页面无法打开、表单不工作、表单无法提交、按钮不工作、button not working、样式错误、CSS错误、颜色不对、color …

download10deployed_codestar4
personjakexiao无需 Key

brand-guidelines

将Anthropic的官方品牌颜色和字体应用到任何可能受益于Anthropic外观风格的物品上。当需要遵循品牌色彩或样式指南、视觉格式化或公司设计标准时使用。

download10deployed_codestar4
personjakexiao无需 Key

scene-writing

以适当的行业格式、视觉动作和戏剧结构编写独立的剧本场景

download10deployed_codestar458
personjakexiao无需 Key

accessibility-auditor

审查UI组件是否符合WCAG标准,包括ARIA属性、键盘导航和屏幕阅读器支持。在构建前端组件或用户请求提高可访问性时使用。

download10deployed_codestar221
personjakexiao无需 Key

clerk-auth

专家模式下的职员认证实现、中间件、组织、Webhooks以及用户同步。使用场景:添加认证、职员认证、用户认证、登录、注册。

download10deployed_codestar219
personjakexiao无需 Key

code-slides

创建和演进基于代码的幻灯片和演示文稿(如推介幻灯片、演示、产品浏览、技术讲座)使用HTML/CSS/JS或React/TypeScript。当用户要求用代码实现的幻灯片、单文件HTML展示、跨手机/平板/电脑的响应式行为、PowerPoint/PPTX转网页、远程控制导航、可配置的右侧或底部导航、基于iframe的幻灯片渲染、视觉风格探索,或者结合AI生成的素材、外部URL、本地仓库图片以及代码作…

download10deployed_codestar0
personjakexiao无需 Key

narrative-text-visualization

使用T8语法从数据生成结构化的叙述文本可视化。当用户想要创建带有语义实体注释的数据解释报告、摘要或结构化文章时,请使用此功能。T8专为非结构化数据的可视化而设计,其中T代表文本,8代表8位字节,象征着文本之下的深刻见解。

download10deployed_codestar39