Agent Skills
› zacharyfmarion/openscad-studio
zacharyfmarion/openscad-studio
GitHub指导将现有设计适配至不同屏幕尺寸、设备及平台，确保跨环境体验一致。涵盖移动、平板和桌面端的布局、交互及内容策略。
Install All Skills
npx skills add zacharyfmarion/openscad-studio --all -g -y
Skills in Collection (25)
指导将现有设计适配至不同屏幕尺寸、设备及平台，确保跨环境体验一致。涵盖移动、平板和桌面端的布局、交互及内容策略。
需要将设计从桌面端迁移至移动端
需要优化设计以适配特定设备或输入方式
npx skills add zacharyfmarion/openscad-studio --skill adapt -g -y
分析功能特性并添加动画与微交互，提升用户体验、反馈及趣味性。需遵循前端设计原则，评估性能约束，制定包含入口、反馈、过渡和惊喜层的策略，实现系统性运动效果。
需要为功能添加动画或微交互
优化界面交互体验以提供视觉反馈
npx skills add zacharyfmarion/openscad-studio --skill animate -g -y
专注于前端界面布局优化，通过改善间距、视觉层次和网格结构，解决单调拥挤问题，创建有节奏感的有意构图。
界面布局单调或缺乏视觉层次
间距不一致或结构混乱
需要优化空间设计和视觉节奏
npx skills add zacharyfmarion/openscad-studio --skill arrange -g -y
对前端界面进行多维度质量审计，涵盖无障碍、性能、主题及响应式设计。生成包含严重程度评级和修复建议的详细报告，但不执行修复操作，旨在为后续优化提供依据。
需要评估前端代码质量时
发布前进行合规性检查时
识别AI生成内容的反模式时
npx skills add zacharyfmarion/openscad-studio --skill audit -g -y
用于增强过于保守或平淡设计的视觉冲击力与个性，在保持可用性的前提下通过排版、色彩和层级放大设计张力，打造独特且令人印象深刻的体验。
用户反馈设计过于安全、普通或缺乏视觉吸引力
需要提升界面视觉冲击力和记忆点时
npx skills add zacharyfmarion/openscad-studio --skill bolder -g -y
优化界面文案、错误提示及微交互文本，提升产品易用性。通过分析上下文和用户心理，消除歧义与术语，改进错误消息、表单标签和按钮文字，确保沟通清晰有效。
用户反馈界面文案难以理解
需要优化错误提示信息
审查或改进UI微复制内容
npx skills add zacharyfmarion/openscad-studio --skill clarify -g -y
为单调界面战略性地引入颜色，提升视觉吸引力与表达力。需先获取设计上下文及品牌色，分析色彩机会后制定策略，通过语义状态、强调色及背景色调系统化增强层级、意义与情感体验。
界面过于单调或缺乏视觉兴趣
需要为功能特性增加色彩和个性
npx skills add zacharyfmarion/openscad-studio --skill colorize -g -y
该技能用于端到端交付功能或Bug修复，涵盖从规划、实施、测试到提交PR的全流程。自动检查环境就绪，生成实施计划，执行验证并返回预览链接。
用户要求从头实现新功能
用户要求将计划转化为PR
需要端到端完成代码变更
npx skills add zacharyfmarion/openscad-studio --skill create-feature -g -y
用于从UX视角评估界面设计的有效性，涵盖视觉层级、信息架构及情感共鸣等维度。重点检测AI生成痕迹（AI Slop），并提供可执行的优化反馈，帮助提升设计质量与用户体验。
需要评估UI/UX设计质量
检查设计是否存在AI生成特征
获取界面优化的具体建议
npx skills add zacharyfmarion/openscad-studio --skill critique -g -y
识别界面中可增添惊喜、个性与细节的机会，将功能性界面转化为令人愉悦的体验。涵盖成功、空状态、加载等场景的微交互设计，强调 delight 应增强可用性而非干扰核心任务，需结合品牌调性与用户情感制定策略。
需要提升用户体验或增加趣味性时
设计微交互、动画或彩蛋时
优化空状态、加载状态或错误提示的文案与视觉时
npx skills add zacharyfmarion/openscad-studio --skill delight -g -y
通过移除不必要的复杂性来简化设计，聚焦核心用户目标。该技能指导如何识别复杂来源、规划简化策略，并从信息架构和视觉层面系统性地消除冗余，提升设计的清晰度与易用性。
需要简化UI/UX设计
处理设计过度复杂或杂乱的问题
npx skills add zacharyfmarion/openscad-studio --skill distill -g -y
识别并提取可复用的UI组件、设计令牌和模式，整合至设计系统以增强一致性。涵盖发现机会、制定提取计划、构建增强组件及迁移现有代码的完整流程。
需要统一前端组件库时
存在重复UI实现需抽象化时
硬编码样式值需转为设计令牌时
npx skills add zacharyfmarion/openscad-studio --skill extract -g -y
指导创建独特且生产级的前端界面，避免通用AI审美。适用于构建Web组件、页面及应用，强调在设计上下文中实现高设计质量的代码。
构建Web组件
设计页面或应用
npx skills add zacharyfmarion/openscad-studio --skill frontend-design -g -y
提升界面健壮性，处理极端输入、错误场景及国际化问题。涵盖文本溢出控制、RTL支持、多语言适配等，确保设计在真实环境中稳定运行。
需要处理长文本或特殊字符显示
实现国际化或RTL布局支持
增强前端组件的错误和边界情况处理能力
npx skills add zacharyfmarion/openscad-studio --skill harden -g -y
用于分析和重构前端功能，使其严格符合设计系统的规范、美学及既定模式。通过发现设计系统上下文、分析当前偏差并执行标准化计划，统一排版、颜色、间距、组件及交互，确保用户体验一致性和可访问性。
需要使界面符合设计规范
检查UI一致性
重构组件以匹配设计令牌
npx skills add zacharyfmarion/openscad-studio --skill normalize -g -y
指导设计或优化产品引导流程、空状态及首次用户体验，帮助用户快速理解价值并上手。涵盖需求评估、核心原则（如展示而非告知、最小化必要信息）及具体场景设计方案，旨在缩短用户价值获取时间。
设计新用户引导流程
优化空状态体验
提升首次用户上手效率
npx skills add zacharyfmarion/openscad-studio --skill onboard -g -y
用于识别和修复前端性能问题，提升加载速度、渲染效率及用户体验。涵盖核心指标测量、图片优化、代码分割、CSS精简及渲染瓶颈排查等策略。
需要提升页面加载速度
分析并优化Core Web Vitals指标
解决前端渲染卡顿或布局抖动
npx skills add zacharyfmarion/openscad-studio --skill optimize -g -y
引导Agent突破常规界面限制，利用浏览器全能力实现震撼交互如虚拟滚动、物理动画及电影级转场。强调先评估语境再提案，并通过浏览器自动化反复视觉迭代以确保效果卓越。
用户要求实现高性能或高复杂度前端特效
需要创建具有视觉冲击力的交互式UI组件
优化现有界面的流畅度与动态反馈
npx skills add zacharyfmarion/openscad-studio --skill overdrive -g -y
用于产品上线前的最终质量审查，修复视觉对齐、间距、一致性等细节问题。需先确认功能完整性，再系统性优化排版、色彩对比及交互状态，确保达到旗舰级交付标准。
需要提升UI/UX细节质量
功能开发完成准备发布前
修复视觉不一致或排版瑕疵
npx skills add zacharyfmarion/openscad-studio --skill polish -g -y
用于打开或更新指向 main 的 Pull Request。包括读取模板、检查变更、运行验证脚本、处理格式化，并等待预览部署后返回 PR 和预览链接。
用户希望创建或更新 Pull Request
分支交接流程
npx skills add zacharyfmarion/openscad-studio --skill pr -g -y
用于降低设计过度强烈或侵略性的视觉元素，通过调整色彩、层级和简化来营造精致、柔和且不失影响力的美学效果。
设计过于 bold 或 aggressive
需要降低视觉强度以提升优雅感
npx skills add zacharyfmarion/openscad-studio --skill quieter -g -y
用于创建、修改和优化 Agent Skill，包括编写草稿、设计测试用例、运行评估及基准测试，并根据反馈迭代改进技能描述和性能。
创建新的 Agent Skill
优化现有 Skill 的描述或触发准确性
运行 Skill 评估以测试性能
对 Skill 进行迭代改进
npx skills add zacharyfmarion/openscad-studio --skill skill-creator -g -y
通过扫描代码库和询问用户，收集项目的设计上下文、品牌个性及美学偏好，并持久化保存至配置文件，为后续开发提供统一的设计指导原则。
需要确立项目设计规范时
初始化AI辅助开发的设计上下文时
npx skills add zacharyfmarion/openscad-studio --skill teach-impeccable -g -y
优化前端排版，修正字体选择、层级、大小及一致性，提升可读性与设计感。
评估并改进默认或混乱的文本排版
需要建立统一的字体比例和层级结构
npx skills add zacharyfmarion/openscad-studio --skill typeset -g -y
用于打开或更新针对 main 分支的 Draft PR。流程包括读取模板、检查变更、执行验证脚本、格式化代码、生成符合规范的 PR 描述，并等待预览部署完成，最终返回 PR 及预览链接。
用户希望创建 Pull Request
用户需要完成分支交接
npx skills add zacharyfmarion/openscad-studio --skill pr -g -y
