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)
将设计适配至不同屏幕、设备或平台，确保跨环境体验一致。涵盖移动端、平板及桌面端的布局、交互与内容策略，强调基于上下文的重新设计而非简单缩放。
需要将现有设计适配到新设备（如手机、平板）
要求在不同上下文环境中保持UI/UX一致性
涉及响应式布局或跨平台界面调整
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
优化界面文案，提升错误消息、标签等清晰度，降低用户困惑。
优化UX文案
改进错误提示
npx skills add zacharyfmarion/openscad-studio --skill clarify -g -y
为单调界面战略性地引入色彩，提升视觉吸引力与表达力。通过评估现状、规划配色策略（语义、层级、情感），系统性地添加状态指示、强调色及背景色调，确保色彩具有明确目的且符合品牌规范。
界面过于单调或缺乏视觉兴趣
需要增强界面的情感表达和层次感
npx skills add zacharyfmarion/openscad-studio --skill colorize -g -y
负责将需求从规划到PR交付的端到端实现技能，包含制定计划、代码修改、测试验证及创建草稿PR。
用户要求从头实现新功能
要求完成从计划到PR的全流程
npx skills add zacharyfmarion/openscad-studio --skill create-feature -g -y
从UX视角评估界面设计有效性，涵盖视觉层级、信息架构和情感共鸣等维度。重点检测AI生成痕迹，并提供可操作的改进反馈，帮助用户提升设计质量与用户体验。
需要评估界面设计的视觉效果和用户体验
检查设计是否存在AI生成的同质化特征
寻求关于布局、色彩或信息结构的改进建议
npx skills add zacharyfmarion/openscad-studio --skill critique -g -y
专注于提升界面体验的愉悦感，通过识别成功、加载等场景中的惊喜时刻，结合微交互和动画技巧，在不干扰核心功能的前提下增强用户情感连接与品牌个性。
需要优化界面情感化设计
寻找提升用户体验的惊喜点
添加微交互或彩蛋
npx skills add zacharyfmarion/openscad-studio --skill delight -g -y
通过移除设计中的冗余元素和复杂性，提炼核心功能与视觉本质，实现简洁、清晰且强大的界面设计。
用户要求简化UI/UX设计
解决界面视觉杂乱或信息过载问题
优化设计层次结构以提升清晰度
npx skills add zacharyfmarion/openscad-studio --skill distill -g -y
从代码中识别可复用的UI组件、设计令牌和模式，提取并整合到设计系统中，提升一致性与复用性。
需要统一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支持
处理极端数据或网络异常场景
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
用于分析和优化前端界面性能，涵盖加载速度、渲染效率及资源大小。通过测量核心指标定位瓶颈，并提供图片、JS/CSS精简及渲染优化的具体策略，旨在提升用户体验流畅度。
页面加载速度慢
渲染卡顿或掉帧
需要减少包体积
优化图片加载
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，包含变更检查、多范围验证、模板化描述及预览部署流程。
用户希望打开拉取请求
完成分支交接
npx skills add zacharyfmarion/openscad-studio --skill pr -g -y
用于降低设计视觉强度，通过调整色彩饱和度、对比度、排版层级和简化元素，将激进或刺眼的风格转化为精致、优雅且易读的界面，同时保持设计的有效性和影响力。
用户反馈设计过于鲜艳或刺眼
需要优化UI的视觉舒适度
调整高对比度或复杂布局
npx skills add zacharyfmarion/openscad-studio --skill quieter -g -y
用于创建、修改和优化 Agent Skill，包括编写草稿、设计测试用例、运行评估分析性能及优化触发描述。
创建新 Skill
优化现有 Skill 描述
运行 Skill 性能评估
npx skills add zacharyfmarion/openscad-studio --skill skill-creator -g -y
一次性收集项目设计上下文并持久化保存，为后续AI会话建立统一的设计规范。通过扫描代码库和询问用户，确定品牌个性、美学方向及设计原则，写入配置文件以指导未来工作。
需要为新项目或现有项目建立统一的设计规范和上下文
希望AI在后续开发中遵循特定的品牌调性和视觉风格
npx skills add zacharyfmarion/openscad-studio --skill teach-impeccable -g -y
用于评估并优化前端排版，解决字体选择、层级、尺寸和可读性问题，提升文本的专业感与清晰度。
需要改善界面文字的可读性
调整字体层级与排版规范
npx skills add zacharyfmarion/openscad-studio --skill typeset -g -y
用于创建或更新指向 main 分支的草稿 Pull Request。包含读取 PR 模板、检查变更、执行代码验证、格式化及调用发布技能，最终生成符合规范的 PR 并返回预览链接。
用户希望打开拉取请求
完成分支交接
npx skills add zacharyfmarion/openscad-studio --skill pr -g -y
