微信扫一扫personjakexiao无需 Key
shader-programming-glsl
专家指南，教你如何为网页和游戏引擎编写高效的GLSL着色器（顶点/片段），涵盖语法、统一变量及常见效果。
download19deployed_code—star219
Skill 资源库
AI Skill 资源库
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
personjakexiao无需 Key
playground
创建交互式HTML游乐场——自包含的单文件探索器，让用户能够通过控件直观地配置某些内容，查看实时预览，并复制出提示。当用户请求为某个主题制作一个游乐场、探索器或交互工具时使用。
download19deployed_code—star12.5K
personjakexiao无需 Key
streamlit-master-architect
架构师级别的Streamlit开发，用于构建、重构、调试、测试和部署具有正确重运行/状态/缓存/片段的Streamlit应用程序（单页或多页），基于AppTest的测试，自定义组件v2，安全的主题/CSS，默认安全性，以及Playwright MCP端到端自动化。
download19deployed_code—star2
personjakexiao无需 Key
design-spells
精心策划的微交互和设计细节，为网站和应用程序增添了“魔力”和个人特色。
download19deployed_code—star3
personjakexiao无需 Key
tanstack-db
当用户需要使用TanStack DB来构建应用程序中的响应式数据层时，应使用此技能。它提供了关于集合、实时查询、变异、模式验证、错误处理以及包括LocalStorage和ElectricSQL在内的各种集成的全面指导。
download19deployed_code—star1
personjakexiao无需 Key
ui-ux-pro-max
顶级Pro Max级别的UI/UX设计智慧，现代界面和风格库。
download19deployed_code—star4
personjakexiao无需 Key
research-survey-visualizer
调研研究出版物并创建直观的交互式成果。当用户要求（1）调研/分析研究人员的出版物，（2）比较多种研究方法/论文，（3）以可视化方式解释研究架构，（4）创建学术论文的视觉摘要时使用。触发短语包括“연구 정리”、“논문 서베이”、“research survey”、“compare papers”、“visualize research”、“아티팩트로 만들어줘”、“이해하기 쉽게 정리”。
download19deployed_code—star1
personjakexiao无需 Key
html
使用适当的元素和结构的语义化HTML。触发条件：在编写HTML标记、创建结构或实现语义化元素时。
download19deployed_code—star0
personjakexiao无需 Key
visual-design-foundations
应用排版、色彩理论、间距系统和图标原则来创建一致的视觉设计。在建立设计令牌、构建样式指南或改进视觉层次和一致性时使用。
download19deployed_code—star219
personjakexiao无需 Key
react-anti-patterns
用于审查React代码——特别是AI生成的代码——以捕捉常见的反模式。涵盖了18种反模式及其检测难度，包括陈旧闭包、状态变异、useEffect滥用和布尔值爆炸。
download19deployed_code—star0
personjakexiao无需 Key
3d-web-experience
擅长为网页构建3D体验 - Three.js、React Three Fiber、Spline、WebGL以及交互式3D场景。涵盖产品配置器、3D作品集、沉浸式网站等...
download19deployed_code—star3
personjakexiao无需 Key
h5-style-guide
H5 移动端项目样式编写规范指南。适用于：(1) 编写新组件样式，(2) 修改或重构已有组件样式，(3) Code Review 检查样式代码是否符合规范，(4) 解答样式写法相关问题。核心约定：camelCase 命名，rem 适配（750px 设计稿基准），多种样式方案混合使用。触发词包括：写样式、CSS规范、SCSS规范、样式检查、样式规范、rem适配、H5适配、组件样式。
download19deployed_code—star0
personjakexiao无需 Key
design-assistant
专业的图形、UI/UX设计师，负责创建模型图、线框图和视觉设计。当用户需要帮助设计界面、创建模型图、布局原型、视觉设计反馈、设计系统、品牌标识、选择颜色/字体或创建图形时使用。触发词包括“设计”、“模型图”、“线框图”、“UI”、“UX”、“界面”、“视觉”、“品牌”或“原型”。
download19deployed_code—star0
personjakexiao无需 Key
shadcn-components
适用于shadcn/ui的组件模式，同时包含Radix UI和Base UI的基本组件。涵盖了API差异、基本组件之间的映射以及正确的使用模式。
download19deployed_code—star3
personjakexiao无需 Key
wpf-best-practices
使用C#和.NET构建WPF桌面应用程序的最佳实践。适用于从事WPF项目、.NET桌面应用程序、XAML用户界面、MVVM架构、系统托盘应用程序，或任何使用Windows Presentation Foundation的C#项目时。
download19deployed_code—star0
personjakexiao无需 Key
tailwindcss-advanced-design-systems
使用设计令牌和@theme配置的Tailwind CSS高级设计系统
download19deployed_code—star20
personjakexiao无需 Key
vue-modular-project-structure
整合了Vue 3模块化项目结构的指南。将仓库规范和Vue3模块化方法结合在一起，形成一个单一的、可操作的设计、实施和迁移参考。
download19deployed_code—star0
personjakexiao无需 Key
particles-gpu
基于GPU的粒子系统，使用实例化渲染、缓冲区属性、点几何体和自定义着色器。当需要高效地渲染成千上万到数百万个粒子时使用，可以创建如雪、雨、星星或抽象视觉效果等粒子效果。
download19deployed_code—star7
personjakexiao无需 Key
claude-d3js-skill
使用d3.js创建交互式数据可视化。在创建自定义图表、图形、网络图、地理可视化或任何复杂的基于SVG的数据可视化时，应使用此技能...
download19deployed_code—star3
personjakexiao无需 Key
draw-io
draw.io图表的创建、编辑和审阅。用于.drawio XML编辑、PNG转换、布局调整以及AWS图标的使用。
download19deployed_code—star1
personjakexiao无需 Key
atomic-design-gluestack
在React Native/Expo项目中使用Gluestack UI强制执行原子设计方法论（原子、分子、生物、模板、页面）。当创建新组件、验证现有组件组织、审查组件放置决策或规划组件架构时，应使用此技能。利用此技能确保组件被正确分类、放置在正确的目录中，并遵循与其原子级别相适应的组合模式。
download19deployed_code—star1
personjakexiao无需 Key
tailwindcss-borders
边框实用工具 Tailwind CSS v4.1。边框（border-width, border-color, border-style, border-radius, rounded-*）、轮廓（outline-*, outline-offset）、环（ring-*, ring-offset）、分割线（divide-*）。
download19deployed_code—star3
personjakexiao无需 Key
slides-revealjs
在使用reveal.js创建或更新演示文稿时使用，包括设置、幻灯片编写、插件、动画、导航和导出。
download19deployed_code—star0
personjakexiao无需 Key
github-trending
获取和展示 GitHub 热门仓库和开发者。适用于构建展示热门仓库的仪表盘、发现流行项目或跟踪 GitHub 趋势。触发关键词：GitHub trending, trending repos, popular repositories, GitHub discover, GitHub 热门, 热门仓库。
download19deployed_code—star0