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
优化布局、间距和视觉节奏，解决单调网格和不一致间距问题，通过建立间距系统和层次结构提升界面设计质量。
界面布局单调或缺乏视觉层次
需要系统性改进UI间距与排版
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
优化界面文案、错误提示和微复制，提升产品易用性。通过识别模糊用语并遵循设计原则，系统性改进用户交互文本，确保清晰准确。
需要优化UX文案或错误提示
界面文字存在歧义或专业性过强
npx skills add zacharyfmarion/openscad-studio --skill clarify -g -y
为单调界面战略性地引入颜色，通过语义状态、层级强调和情感表达提升视觉吸引力与用户体验，需遵循设计原则并收集品牌上下文。
界面过于单调或灰暗
缺乏视觉兴趣点
需要增强界面的情感表达
npx skills add zacharyfmarion/openscad-studio --skill colorize -g -y
将功能或bug修复从规划到实现、验证并创建PR的全流程技能，确保代码质量与交付规范。
/create a new feature
build this feature end-to-end
take this from plan to PR
npx skills add zacharyfmarion/openscad-studio --skill create-feature -g -y
基于UX视角评估界面设计效果，涵盖AI生成检测、视觉层次、信息架构及情感共鸣等维度，提供可操作的改进反馈。
需要评估UI/UX设计质量
检查界面是否存在AI生成痕迹
审查视觉层次与信息架构
npx skills add zacharyfmarion/openscad-studio --skill critique -g -y
识别并增强界面中的愉悦时刻，通过微交互、动画和个性化细节提升用户体验，将功能性界面转化为令人难忘的体验。
用户希望优化界面交互体验
需要为特定状态（如成功、加载、错误）添加情感化设计
提升产品的品牌个性与用户惊喜感
npx skills add zacharyfmarion/openscad-studio --skill delight -g -y
通过移除设计中的冗余元素和复杂性，简化界面以提升清晰度。需结合前端设计规范，分析复杂度来源并执行精简策略。
需要简化复杂或混乱的用户界面设计
优化视觉层次以突出核心用户目标
减少不必要的装饰、颜色和组件嵌套
npx skills add zacharyfmarion/openscad-studio --skill distill -g -y
从代码中识别可复用组件、设计令牌和模式，并将其提取整合到设计系统中。涵盖发现机会、制定计划、构建增强组件及迁移现有使用场景的完整流程。
需要统一UI组件库
发现重复的UI实现
硬编码样式需抽象为设计令牌
重构前端代码以提高一致性
npx skills add zacharyfmarion/openscad-studio --skill extract -g -y
指导创建独特且生产级的前端界面，避免通用AI审美。需在编码前收集目标受众、用例和品牌调性等上下文，并确立大胆的美学方向，最终生成视觉出众、细节精致的功能性代码。
构建Web组件或页面
设计海报或应用程序界面
npx skills add zacharyfmarion/openscad-studio --skill frontend-design -g -y
提升界面鲁棒性，处理文本溢出、国际化、异常输入及错误场景，确保生产就绪。
处理长文本或特殊字符导致的布局错乱
实现多语言支持（i18n）和RTL适配
优化极端数据下的UI展示与容错
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精简等策略，提升页面速度与用户体验。
用户反馈页面加载缓慢或卡顿
需要降低JavaScript包体积
进行Core Web Vitals指标优化
调整图片与字体加载策略
npx skills add zacharyfmarion/openscad-studio --skill optimize -g -y
推动界面突破常规，实现高复杂度前端特效与交互，如高性能虚拟表格、物理动画及沉浸式页面过渡。
需要实现极致的视觉特效或动画
优化高性能数据展示组件
增强用户交互体验的创意开发
npx skills add zacharyfmarion/openscad-studio --skill overdrive -g -y
用于产品发布前的最终质量审查，修复视觉对齐、间距、一致性等细节问题，确保从优秀到卓越的交付质量。
代码或设计完成待上线前的最后检查
发现界面存在视觉不一致或细节瑕疵
需要提升产品精致度和专业感
npx skills add zacharyfmarion/openscad-studio --skill polish -g -y
用于创建或更新针对 main 分支的 Draft PR，执行变更验证、格式化检查并生成符合模板的 PR 描述，最终返回 PR 及预览部署链接。
用户希望打开 Pull Request
完成分支交接
npx skills add zacharyfmarion/openscad-studio --skill pr -g -y
用于降低视觉设计强度，将过于大胆或激进的设计调整为更精致、柔和且易读的风格，同时保持设计质量和影响力。
用户希望减少设计的视觉冲击力
设计显得过于饱和、对比过强或元素过多
需要提升设计的精致感和亲和力
npx skills add zacharyfmarion/openscad-studio --skill quieter -g -y
用于创建、修改和优化新技能，通过编写测试用例、运行评估和分析结果来迭代改进技能描述及性能。
创建全新技能
编辑或优化现有技能
运行评估测试以衡量技能表现
npx skills add zacharyfmarion/openscad-studio --skill skill-creator -g -y
通过扫描代码库和询问用户，收集项目设计上下文（如品牌、审美、无障碍等），并持久化保存至配置文件，为后续开发提供统一的设计指导原则。
需要建立或更新项目设计规范时
初始化项目以确立持续的设计上下文时
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 并返回预览部署 URL。
用户希望打开拉取请求
完成分支交接
npx skills add zacharyfmarion/openscad-studio --skill pr -g -y
