微信扫一扫personjakexiao无需 Key
cc-skill-frontend-patterns
React、Next.js的前端开发模式，状态管理、性能优化以及UI最佳实践。
download11deployed_code—star219
Skill 资源库
AI Skill 资源库
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
personjakexiao无需 Key
hig-components-dialogs
Apple HIG对于展示组件的指导，包括警告、操作表、弹出框、表单和数字输入视图。当用户说'我应该使用警告还是表单'、'我如何显示一个确认对话框'、'我什么时候应该使用弹出框'、'我的模态窗口让用户感到厌烦'，或者询问有关警告设计、操作表、弹出框、表单、模态窗口、对话框、数字输入、确认对话框、警告对话框、模态展示、非模态内容、破坏性动作确认或覆盖UI模式的问题时，请使用此技能。交叉引用：hig-…
download11deployed_code—star219
personjakexiao无需 Key
tailwind
Tailwind CSS v4+ 的最佳实践，包括新的CSS优先配置、主题定制、响应式设计、暗黑模式和性能优化。适用于现代的以实用为先的CSS样式。
download11deployed_code—star0
personjakexiao无需 Key
design-to-react
将Figma、Sketch或Penpot中的设计规范转换为使用CSS模块或styled-components的React组件
download11deployed_code—star6
personjakexiao无需 Key
Frontend Responsive Design Standards
使用流式容器、灵活的单位、媒体查询和适合触摸的设计来构建响应式、移动优先的布局，以适应所有屏幕尺寸。在创建或修改UI布局、响应式网格、断点样式、移动导航或任何需要适应不同屏幕尺寸的界面时使用此技能。当处理响应式CSS、媒体查询、视口设置、flexbox/网格布局、移动优先的样式、断点定义（手机、平板、桌面）、触摸目标大小、相对单位（rem, em, %）、针对不同屏幕优化图像，或者在多个设备上测试…
download11deployed_code—star0
personjakexiao无需 Key
site-specification
从简单的描述中提取全面的站点规范。在分析用户对主题的需求时使用，以确定站点类型、受众、语气、布局要求和字体。
download11deployed_code—star44
personjakexiao无需 Key
shader-sdf
GLSL中的符号距离函数（SDFs）—2D/3D形状基元，布尔运算（并集、交集、差集），平滑混合，重复，以及光线行进基础。在创建程序化形状、文本效果、平滑变形或光线行进的3D场景时使用。
download11deployed_code—star7
personjakexiao无需 Key
design-md
分析Stitch项目并将语义设计系统综合到DESIGN.md文件中
download11deployed_code—star3
personjakexiao无需 Key
vr-ar
VR/AR开发原则。舒适性、交互性、性能要求。
download11deployed_code—star219
personjakexiao无需 Key
makepad-skills
Makepad UI开发技能用于Rust应用程序：设置、模式、着色器、打包和故障排除。
download11deployed_code—star219
personjakexiao无需 Key
break-into-subtasks
当将前端功能需求分解为可并行处理的工作项（API客户端、UI组件和集成任务）时，应使用此技能，并且这些工作项之间有明确的依赖关系。特别适用于使用Mermaid图创建结构化的工作分解以及组织团队开发任务。
download11deployed_code—star1
personjakexiao无需 Key
frontend-ux
以太坊dApps前端UX规则，防止最常见的AI代理UI错误。包括链上按钮、代币批准流程、地址显示、美元价值、RPC配置和预发布元数据的强制性模式。围绕Scaffold-ETH 2构建，但这些模式适用于任何以太坊前端。在构建任何dApp前端时使用。
download11deployed_code—star149
personjakexiao无需 Key
nextjs-app-router-mastery
Next.js 14+ 应用路由模式、服务器组件和数据获取
download11deployed_code—star0
personjakexiao无需 Key
playcanvas-engine
轻量级的WebGL/WebGPU游戏引擎，采用实体-组件架构并集成了可视化编辑器。在构建基于浏览器的游戏、交互式3D应用程序或对性能有高要求的网络体验时使用此技能。适用于涉及PlayCanvas、实体-组件系统、游戏引擎开发、WebGL游戏、3D浏览器应用、以编辑器优先的工作流程或实时3D渲染的任务。是Three.js的一个替代方案，具有特定于游戏的功能和集成开发环境。
download11deployed_code—star0
personjakexiao无需 Key
mc-local-grid-visualize
生成会话本地占用网格的交互式3D HTML可视化。在浏览器中打开。
download11deployed_code—star9
personjakexiao无需 Key
plotly
交互式可视化库。当您需要悬停信息、缩放、平移或可嵌入网页的图表时使用。最适合用于仪表板、探索性分析和演示。对于静态出版物图表，请使用matplotlib或科学可视化。
download11deployed_code—star2
personjakexiao无需 Key
hig-foundations
Apple Human Interface Guidelines设计基础。当用户询问关于HIG颜色、字体排印、SF Symbols、暗模式、可访问性、应用程序图标、布局、材质、动态效果、隐私、RTL支持或包容性设计时使用。
download11deployed_code—star219
personjakexiao无需 Key
react-modernization
升级React应用程序到最新版本，从类组件迁移到Hooks，并采用并发特性。在现代化React代码库、迁移到React Hooks或升级到最新的React版本时使用。
download11deployed_code—star219
personjakexiao无需 Key
animation-creator
CSS动画和过渡创建器。生成优化的@keyframes、过渡和转换序列，遵循性能最佳实践和运动可访问性。在添加动画、过渡或微交互时使用。
download11deployed_code—star0
personjakexiao无需 Key
frontend-design
创建具有高设计质量的独特生产级前端界面。当用户要求构建网页组件、页面或应用程序时使用此技能。生成富有创意且精美的代码，避免通用的人工智能美学。
download11deployed_code—star0
personjakexiao无需 Key
vercel-react-best-practices
来自Vercel工程的React和Next.js性能优化指南。在编写、审查或重构React/Next.js代码时应使用此技能，以确保采用最佳性能模式。当任务涉及React组件、Next.js页面、数据获取、包优化或性能改进时触发。
download11deployed_code—star0
personjakexiao无需 Key
particles-physics
物理模拟用于粒子系统—力（重力、风、阻力）、吸引子/排斥子、速度场、湍流和碰撞。当粒子需要现实或艺术性的运动、群集行为或基于场的动画时使用。
download11deployed_code—star7
personjakexiao无需 Key
qt-qml-attachments
无描述
download11deployed_code—star0
personjakexiao无需 Key
senior-fullstack
全面的全栈开发技能，用于使用React、Next.js、Node.js、GraphQL和PostgreSQL构建完整的Web应用程序。包括项目脚手架搭建、代码质量分析、架构设计...
download11deployed_code—star2