pinia
Pinia官方Vue状态管理库,类型安全且可扩展。在定义存储、处理状态/获取器/动作或在Vue应用中实现存储模式时使用。
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
Pinia官方Vue状态管理库,类型安全且可扩展。在定义存储、处理状态/获取器/动作或在Vue应用中实现存储模式时使用。
全栈项目(Next.js, Nuxt, SvelteKit — API + UI)的工作流编排。结构化阶段——计划、设计、编码API、编码UI、审查、测试——集成记忆库以保持会话连续性。
创建具有高设计质量的独特生产级前端界面。使用此技能将Figma节点或自然语言中的设计实现为Vue 3组件或Nuxt页面,采用Mekari Pixel 3设计系统。需要一个可工作的Pixel MCP服务器连接。
Three.js动画 - 关键帧动画、骨骼动画、变形目标、动画混合。在对物体进行动画处理、播放GLTF动画、创建过程性运动或混合动画时使用。
遵循现代设计模式构建可重用、可维护的UI组件。在创建组件库、实现设计系统或构建可扩展的前端架构时使用。涵盖React模式、组合、属性设计、TypeScript以及组件最佳实践。
专家级设计系统领导力,涵盖组件库、设计令牌、文档以及设计与开发协作。在架构设计令牌系统、构建组件库、定义治理和贡献流程、衡量设计系统的采用情况或生成跨平台令牌(CSS、SCSS、iOS、Android)时使用。
设计并实现复古/赛博朋克/黑客风格的终端用户界面。涵盖了React(Tuimorphic)、SwiftUI(金属着色器)和CSS方法。在创建终端美学、CRT效果、霓虹辉光、扫描线、荧光绿显示器或复古未来主义界面时使用。
Decentraland场景中的高级渲染功能。使用Billboard使实体面向摄像机,使用TextShape进行3D文本显示,利用高级PBR材质属性如金属质感/粗糙度/透明度,通过GltfNodeModifiers在GLTF模型中实现每个节点的可见性和材质覆盖,并使用VisibilityComponent来显示或隐藏实体。当用户需要广告牌、3D文字、文本标签、材质效果、透明度、发光效果或模型节点控…
由Vite和Vue驱动的VitePress静态网站生成器。适用于构建文档站点、配置主题或使用Vue组件编写Markdown。
Godot 3D渲染技巧,包括PBR材质、环境设置和3D场景构图。
在Obsidian中使用LaTeX/MathJax语法渲染数学公式。当在Obsidian笔记中书写方程、矩阵、积分、求和或任何数学符号时使用。
使用Python脚本生成高质量、极简主义和几何风格的SVG标志。当用户需要使用几何图形(圆形、矩形、路径)和特定配色方案来创建标志、图标或视觉标识时,可以使用此技能。应用生成设计原则,并采用标准化工作流程以输出可缩放的SVG文件。
设计并实现微交互、动态设计、过渡效果和用户反馈模式。在为UI交互添加润色、实现加载状态或创建令人愉悦的用户体验时使用。
创建快速React原型,打包成单个HTML文件。适用于演示、交互实验或可分享的作品-不适用于完整应用程序(对于这些,请使用audreygen/Next.js)。
Three.js 后处理 - EffectComposer、光晕、景深、屏幕效果。在添加视觉效果、色彩分级、模糊、辉光或创建自定义屏幕空间着色器时使用。
将可重用的新粗野主义设计系统应用于现有的或新的前端项目(着陆页、营销页面、作品集、仪表板、应用程序界面),使用强健的版式、主题化标记和变体驱动的组件基础。除非明确要求重构,否则保持现有的信息架构不变。
Vue Router 4 模式、导航守卫、路由参数以及路由-组件生命周期交互。
Zustand状态管理模式,包括存储创建、中间件、持久化、切片以及DevTools集成。
为项目创建并定义视觉艺术风格。当用户想要建立艺术方向、创建风格指南、定义视觉语言、记录审美选择,或为游戏、插图、动画或其他视觉媒体创建一致的艺术作品指南时使用。
Apple Human Interface Guidelines对于布局和导航组件的指导。当用户询问侧边栏、分屏视图、标签栏、标签视图、滚动视图、窗口设计、面板、列表视图、表格视图、列视图、大纲视图、导航结构、应用程序布局、盒子、装饰物,或在Apple应用程序中按层次组织内容时使用此技能。此外,当用户说他们应该如何组织他们的应用、应该使用哪种导航模式、他们的布局在iPad上出现问题、如何构建一个侧…
在开发或维护`browser/`目录下的浏览器扩展代码时使用此技能,包括Chrome/Firefox/Edge兼容性、内容脚本、后台脚本或i18n更新。
将文档和内容转换为现代化、深色主题的HTML页面,包含渐变效果、卡片布局和流畅动画。适用于:(1) 将文档/文章转换为现代设计的HTML,(2) 创建技术文档页面,(3) 生成演示风格的网页,(4) 提到"现代HTML"、"深色主题HTML"、"技术文档HTML",或 (5) 想要类似learn-claude-code风格的HTML输出。
全面的前端技能。在构建用户界面(组件、页面、应用程序)、审查/审计设计、编写Tailwind CSS布局或实现Next.js应用路由器模式时使用。
专业的Markdown设计师——使用品牌色彩、字体、表格、报告和文档所需的各种元素来制作视觉上令人惊叹的文件。适应Anthropic的品牌指南,以实现整体酷炫的风格。