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设计适配到移动端
需要响应式布局调整
多端体验一致性优化
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
对前端界面的无障碍、性能、主题和响应式设计进行系统性审计，生成包含严重性评级和建议的详细报告。明确仅用于发现问题并记录，不执行修复操作，为后续优化命令提供依据。
需要评估前端界面质量时
检查代码是否存在设计反模式或可访问性问题时
npx skills add zacharyfmarion/openscad-studio --skill audit -g -y
用于提升过于保守或平庸的设计，通过增强视觉冲击力、对比度和个性来创造更具吸引力和记忆点的体验，同时确保可用性和品牌一致性。
设计过于安全、通用或缺乏视觉吸引力
需要增加设计的视觉冲击力和个性
npx skills add zacharyfmarion/openscad-studio --skill bolder -g -y
优化界面文案、错误提示及微交互文本，提升清晰度与可用性。通过识别术语、歧义等问题，结合用户场景制定改进策略，涵盖错误信息、表单标签及按钮文案的规范化重写。
优化界面文案
改善错误提示
撰写微交互文本
npx skills add zacharyfmarion/openscad-studio --skill clarify -g -y
为单调界面引入战略性色彩，通过语义、层级和背景增强视觉吸引力与用户体验。需结合前端设计原则及品牌色进行规划与实施。
界面过于单调或缺乏视觉兴趣
需要增强界面的情感表达或视觉层次
npx skills add zacharyfmarion/openscad-studio --skill colorize -g -y
用于将功能需求从规划到PR交付的端到端工作流，包含实现计划、代码修改、测试验证及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
用于简化前端设计，通过移除多余复杂性、优化信息架构和视觉元素，提升设计的清晰度与核心用户体验。
需要简化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美学。通过收集目标受众和风格等上下文，执行大胆的设计方向，生成高质量、视觉 striking 的代码。
构建网页组件
设计页面或海报
开发前端应用
npx skills add zacharyfmarion/openscad-studio --skill frontend-design -g -y
提升前端界面鲁棒性，涵盖错误处理、i18n支持、文本溢出及边缘情况管理，确保生产环境可用性。
前端界面健壮性优化
国际化适配检查
极端输入与异常场景测试
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。流程包括检查变更、运行验证脚本、按模板撰写标题和正文，以及返回 PR 预览链接。
用户希望打开拉取请求
完成分支交接
npx skills add zacharyfmarion/openscad-studio --skill pr -g -y
用于降低设计过度激进或视觉强度，通过调整色彩、排版和布局提升精致感与亲和力，同时保持设计效果。
设计过于鲜艳刺眼
视觉元素竞争过多
需要更柔和的界面风格
npx skills add zacharyfmarion/openscad-studio --skill quieter -g -y
用于创建、修改和优化 Agent Skill，包括编写草稿、设计测试用例、运行评估（Evals）及基于反馈迭代优化技能描述和性能。
用户想要从零开始创建一个新的 Skill
用户需要编辑或优化现有的 Skill
用户希望运行评估测试以衡量 Skill 性能
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。检查变更、执行验证脚本、按模板撰写内容，并处理预览部署流程。
用户要求打开 Pull Request
完成分支交接
npx skills add zacharyfmarion/openscad-studio --skill pr -g -y
