yc-web-design-strategy
一个用于建站、审查与审计网站和落地页的网页设计策略技能,主张先确定信息策略再考虑视觉执行,覆盖生命周期阶段判断、五秒信息过滤、避免“AI 味”模板、交互设计规则与转化优化,并提供深度审计清单参考。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 10-26 00:15
20,851 个结果
一个用于建站、审查与审计网站和落地页的网页设计策略技能,主张先确定信息策略再考虑视觉执行,覆盖生命周期阶段判断、五秒信息过滤、避免“AI 味”模板、交互设计规则与转化优化,并提供深度审计清单参考。
MeltFlex 家具摆放技能:把指定的真实家具或装饰产品合成进房间照片,保持透视、光照与阴影一致。需提供房间图与产品参考图,通过 MeltFlex REST API 调用,每次生成消耗 10 积分。
video-edit 是一个端到端口播视频剪辑技能,输入一条原始素材,输出成片 final.mp4。支持 1080x1920 竖版短视频或 1920x1080 横版长视频,使用 Remotion、whisper.cpp、ffmpeg 等免费本地工具完成转录、剪口误、加字幕与动效。
该技能用于在开始 Figma 设计前规划用户流程与页面状态,把屏幕、状态、入口和边界情况先梳理清楚,避免设计中途才发现遗漏状态。适用于规划用户流程、为功能列出所需页面、定义各页面状态以及组织 Figma 文件结构。
Mowgli 是一款 AI 驱动的产品设计与范围界定工具,提供类似 Figma 的画布用于快速设计迭代。本技能通过 mowgli CLI 在真实代码库与 Mowgli 项目之间双向同步设计,支持版本控制、SPEC.md 与 frontend.xml 规范驱动。
将用户提供的照片重新设计为原创竖版 3:4 艺术海报的图像生成技能,强调构图、色彩、媒介与排版的重构,而非简单滤镜风格化,可选水彩、波普丝网、表现主义绘画、水墨、浮雕版画等单一或受控混合艺术模式。
以韩非子视角分析问题的技能,用法家“法术势”框架做制度设计、人性动机与权力博弈的冷静分析,适合组织管理、公共政策与制度诊断类问题,不用于情感安慰或道德说教。
octopus-ui-ux-design 是 nyldn/claude-octopus 中的 UI/UX 设计技能,用于为新界面生成风格指南、配色、字体与组件规范。它通过交互提问、BM25 设计检索、多模型对抗评审和设计系统输出,帮助在编码前确定设计方向。
Octen Video Search 是 Octen 提供的按文本查询检索网络视频的技能,返回带匹配片段起止时间戳、时长、封面、来源页与作者的排序结果,便于直接跳转到相关时刻。目前处于邀请制 Beta,需申请访问权限并配置 OCTEN_API_KEY。
一个面向品牌叙事写作的 AI 技能,用于把品牌信息转化为有情感连接力的故事。资料称其强调从真实素材中挖掘故事,而非凭空编造,并围绕故事结构、冲突与转化来组织品牌传播内容。
LLaVA 是开源视觉语言模型,结合 CLIP 视觉编码器与 Vicuna/LLaMA 语言模型,支持图像对话、视觉问答、图片描述与视觉指令跟随,采用 Apache 2.0 许可,提供 7B 至 34B 多种规模。
餐厅 POS 界面标准技能,源自 Restaurant POS 重设计方案,用于统一餐厅 POS 屏幕的布局、组件、无障碍与快速操作流程,覆盖点单、KDS、分账、退单、收据与日结等环节。
AiPixelPerfect(AI Pixel Perfect Design Generator)是一个基于 AI 的图像生成平台,可由文本提示词生成专业的像素级视觉素材。其资料将其定位为连接人类直觉与机器精度的设计协同引擎,让不具备传统设计软件经验的人也能产出影棚级视觉成品。核心能力包括:基于文本提示词的 AI 设计合成;跨设备响应式 UI;支持 40 多种语言并带文化适配;实时协作与设计评审;可导出至 Figma、Adobe Creative Cloud 和 Canva;提供 RESTful API 以便自定义集成。使用方式上,主要界面为网页端,可通过仓库托管页面访问;也提供 API 集成,包含 npm 客户端库与 Python SDK,以及环境变量与 aipixelperfect.config.json 配置文件。适用场景涵盖从提示词生成设计方案、对已有设计做亮度/对比度/饱和度与风格权重等调整、导出到外部设计工具、批量队列生成、自定义风格迁移、以及带标注与投票的实时协作评审。资料中未提供收费、价格、平台限制等信息,相关事实暂未提供。
Using UI Stack 是一个用于生成 UI 时强制执行配置驱动设计系统的技能。它通过统一间距、颜色、排版、暗色模式、交互状态与无障碍规范,避免生成界面时出现内边距不一致、颜色不匹配、悬停状态缺失等问题。该技能以 8px 网格、60-30-10 配色、1.25 比例字阶、完整明暗映射、5 种交互状态、对比度与触控目标要求等规则约束每个组件,并给出动画时长、缓动、层级 z-index 与工作流检查步骤。
clarify 是一个面向设计任务的澄清技能,用于在开始视觉或结构设计工作之前,先理解用户的真实需求。它的核心理念是:大语言模型倾向于在信息缺失时直接假设并执行,而该技能强制先分类设计请求中的不明确之处,再生成有针对性的问题加以解决。它把设计请求中的缺口分为四类:意图缺陷(真实设计目标无法从请求中恢复)、前提缺陷(请求中的假设错误或无法满足)、参数缺陷(缺少必需的设计细节或细节相互冲突)、表达缺陷(语言表述无法被唯一解读)。同时判断歧义方向——语义歧义(设计术语有多种合理含义)、范围过宽(意图清晰但跨越多个方向)或范围过窄(与可能的设计目标相比过于具体),并据此决定提问方式:消歧、具体化或泛化。该技能强调通过提出 2 至 4 种竞争性设计解读来找到分歧轴,只针对该轴提问,从而用最少的问题最大程度减少不确定性。它主张用具体的差异化示例代替抽象提问,并列出五种澄清策略:请求参数、消歧、提出替代方案、确认风险、报告阻塞。该技能还提供问题质量检查标准、用户回答成本分级、意图状态跟踪、短路径规则以及常见反模式,并说明其不替代核心 design-for-ai 技能的意图检测。
面向 Apple 各操作系统(iOS/iPadOS、macOS、visionOS、watchOS)应用界面设计的技能,用于布局屏幕与系统外壳、选择并统一标准组件,涵盖导航栏、列表样式、按钮层级、表单、弹窗与空状态等。
Figma Workflow Auditor 是一个用于审查 Figma 相关工作流的质量门禁技能,本身不会修改 Figma 文件。它提供 capability-audit、privacy-audit、evidence-audit、routing-audit、skill-audit 五种审查模式,分别用于核对 Figma MCP/工具能力声明是否与当前可用性一致、检查数据传输与权限是否可接受、验证声称的读取/写入/导出是否真正执行、确认是否选择了正确的 Figma 专家,以及评审 Figma 技能草稿或已有技能。其工作流程包括识别被审查对象、在能力细节可能变化时核对官方/最新来源、验证工具证据(工具响应、元数据回读、截图/导出、本地差异或报告产物)、将过度声明与实现缺陷分开标记,并按严重程度返回发现及具体修复建议。
Design Spells 是一个设计细节技能集合,专注于通过微交互、彩蛋和巧妙的用户体验模式,把普通界面转化为令人印象深刻的数字体验。它用于将 UI 从“能用”或“普通”提升到真正“有魔力”的层次,强调那些让用户惊喜和愉悦的细节,从而建立强烈的高端品牌个性。该技能提供识别机会、研究模式、适配模式、精细实现的工作流程,并给出严格规则:增强应范围明确、为体验增色而非干扰、实现须高性能并支持键盘/触控、尊重 prefers-reduced-motion。参考资料可作为灵感,但不能直接复制受保护资产或自动添加依赖包。
该技能依据 Apple 人机界面指南(HIG),为界面中的呈现类组件提供设计指导,覆盖警报(alerts)、操作表(action sheets)、弹出框(popovers)、表单(sheets)和数字输入视图(digit entry views)。它会先检查 .claude/apple-design-context.md 以复用已有上下文,再针对未覆盖的信息提问,最终输出推荐的呈现类型及其理由、内容文案规范、消失/关闭行为建议,以及是否可以用内联反馈、撤销或渐进披露等替代方案的判断。适合在设计或评审 iOS、iPadOS、macOS、visionOS 应用中的模态提示、确认对话框、任务表单等交互时使用,帮助减少不必要的打断、明确破坏性操作并适配不同平台。该技能仅在其职责范围内适用,输出不能替代具体环境的验证、测试或专家评审,缺少必要输入或成功标准时应先询问澄清。具体安装方式、内部实现细节与收费信息暂未提供。
该技能提供 Apple 人机界面指南(HIG)中与导航相关组件的设计指导,涵盖搜索框、页面控件和路径控件。它帮助设计者与开发者确定在何种场景下选用哪类导航组件,并给出交互行为规范与跨平台差异说明。技能强调搜索应可发现且即时反馈、页面控件仅用于扁平线性序列、路径控件用于文件层级导航,同时要求提供清晰的空状态与键盘支持。适用于 iOS、iPadOS、macOS、visionOS 等 Apple 平台界面设计。
space-chart-image 是一款 AI 图表绘制技能,可将文字描述转化为设计精美的图表图片,主要用于公众号配图。支持流程图、架构图、ER 图、商业模式画布、用户旅程图、思维导图、竞品分析图、SWOT 分析、产品路线图、组织架构图共 10 种图表类型,内置 6 种视觉风格。
该技能用于对产品进行无障碍与包容性用户体验审查,覆盖 Web、移动端、桌面端、SaaS、游戏、开发者工具、结账、引导、设置、表单、仪表盘等场景。它把无障碍当作产品级质量体系,而非后期检查清单:先识别用户流程、平台、输入方式、辅助技术假设、风险等级与业务关键任务,再依据参考文档从键盘操作、屏幕阅读器语义、触控、视觉对比度、焦点、动效、错误处理、内容清晰度与恢复能力等维度审计任务完成情况,并将问题分为阻断项、高影响可用性问题、设计系统修复与打磨项,最终产出无障碍风险矩阵、修复方案、验证计划与回归检查。
通过 mcporter 调用 figma-desktop MCP 服务器,以命令行方式访问 Figma 设计:检查设计元素、提取资源、从设计生成代码、截图、读取设计变量,并管理 Code Connect 映射。
这是一个面向建筑实践的无障碍设计与通用设计专业技能,提供从业者级别的知识。内容涵盖 ADA/ABA 无障碍标准的关键尺寸要求、Ron Mace 通用设计七项原则、感官无障碍设计策略以及无障碍卫生设施规范。该技能强调尺寸均以公制给出,并在标准实践需要时提供英制等值。它不只关注合规底线,而是倡导超越规范最低要求的通用设计,使环境在无需专门适配的情况下尽可能适用于所有人。适用的知识范围包括:通用设计七原则及其建筑应用示例、无障碍通道与转弯空间、门与坡道与楼梯与电梯的具体尺寸、无障碍卫生间与停车位要求、触觉与视觉标识规范、伸手范围、以及轮椅通行型淋浴、可转移型淋浴和 Changing Places 成人更衣设施等。该技能适合建筑师、室内设计师、无障碍顾问及相关从业者在方案设计与审图时参考,帮助他们把无障碍要求落实到空间尺度、五金件、标识和设施配置中。需要注意:该技能面向建筑环境,不涉及数字产品可访问性;具体条款、法规更新与地区适用性暂未提供进一步说明。