pencil-ui-design-system-vant
用于在 Pencil 中初始化基于 Vant(Vant 4)规范的设计系统:注册全局颜色与文本、边框、字体等设计变量,并在 .pen 文件中搭建初始组件库概览框架。仅在用户明确提及 Pencil 与 Vant(或 Vant 4)或编排此类初始化任务时使用。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 10-30 00:12
21,251 个结果
用于在 Pencil 中初始化基于 Vant(Vant 4)规范的设计系统:注册全局颜色与文本、边框、字体等设计变量,并在 .pen 文件中搭建初始组件库概览框架。仅在用户明确提及 Pencil 与 Vant(或 Vant 4)或编排此类初始化任务时使用。
Pencil 设计任务的编排入口技能,用于根据需求规划并执行设计系统组件初始化流程,并将请求路由到对应框架的子技能。仅在用户明确提到 Pencil 时使用。
该技能面向网页端的动态设计与创意编程,处理静态 UI 之上的运动、交互和生成图形层,涵盖滚动驱动动画、WebGL/canvas、生成式与交互效果。它强调先判断动效是否值得存在,再按 DOM/CSS、Canvas 2D、WebGL 三级逐步升级,要求脱离屏幕暂停、尊重 prefers-reduced-motion、限制 dpr、保留真实 DOM 内容,并遵循缓动与动画原则。适用于落地页、作品集等需要氛围感与交互体验的页面;具体实现依赖 Claude Code 环境,资料未提供安装命令与价格。
GDPR 合规技能,覆盖隐私设计、数据处理合法性、数据主体权利、同意管理与数据泄露响应,用于处理个人数据的系统合规检查。
面向智能体编排与规划场景的任务设计技能,用 CLEAR 写作框架与 CoVe 校验模式生成无歧义、可验证、抗幻觉的 TASK 提示词,适用于多智能体并行计划与需事实准确性的任务。
用于从零创建 Claude Code 插件的编排型技能,通过调度子代理完成前置检查、需求讨论、并行调研、设计验证与原子化实现,并维护结构化产物文件。
用于设计“失败即阻断(fail-closed)”的合并策略,把 CodeRabbit 评审状态与 Git 提供方的校验结合起来,而不虚构 CodeRabbit 的状态检查名称。适用于需要基于可观测的提供方状态配置分支保护与合并规则的场景。
该技能用于信息图大纲创作,属于视觉内容类自动激活技能,可在请求中提及“infographic outline creator”时触发,提供分步指导、最佳实践建议、生成配置与代码并做标准校验。
为个人创业者设计与优化销售漏斗的技能:从认知到付费再到留存,选择自服务或高触达模型、逐阶段映射战术、定义转化指标并定位最大流失环节,还包含自动化与常见错误。
prototype 是一个用于构建一次性原型、回答设计问题的技能:先判断要回答的是逻辑/状态模型问题还是界面外观问题,再分别生成可交互终端应用或多套 UI 变体,用完即弃并记录结论。
namethatui 是一个帮助识别陌生 UI 组件名称的技能:根据文字描述、截图、实时页面或 DOM/代码线索,给出按匹配度排序的组件名称与别名、可直接粘贴到编码智能体提示中的措辞,以及权威来源链接。
architect 是一个用于技术方案决策的技能:在选型、设计功能或页面、挑选技术栈,或 /develop 提示需要决策时运行 /architect,通过结构化调研、权衡选项并撰写或更新架构决策记录(ADR),本身不写代码。
canvas-design 是一个用于创作视觉艺术作品的技能,输出 .png 与 .pdf 格式的设计作品。当用户要求制作海报、艺术作品等视觉内容时使用。其流程分为两步:先创建一份设计哲学(.md 文件),描述一种通过形式、空间、色彩、构图、图像、图形、形状、图案以及极简文字来表达的美学运动;再将该哲学在画布上视觉化,生成以视觉设计为主、文字为辅的成品。该技能强调视觉表达、空间沟通与艺术诠释,要求文字极简、仅作视觉元素,并反复强调作品应呈现出手工精雕细琢、出自顶尖专家之手的质感。最终输出单个可下载的 .pdf 或 .png 文件,以及作为 .md 文件的设计哲学。
ai-commercial 是一个商业广告视频生成技能,面向 SaaS、本地服务、个人品牌和产品发布,制作 30-90 秒广告。它结合 Runway ML 生成式视频、ElevenLabs 配音与音乐、ffmpeg 合成,输出含旁白、音乐、品牌调色和 CTA 的成片。
该技能将一张已完成的图片适配为横版 16:9 和竖版 9:16 两个版本,用于社交平台发布,而不对原图进行重新生成、重绘或改风格,只改变图片外部形状与画面边缘的贴合方式。横版适用于宽幅或按原始比例展示的feed,竖版适用于偏高或方形展示空间且向中间裁切的feed,两种文件即可覆盖所有发布面。该技能不包含任何平台专属信息,具体平台对应哪种图片由 awesome-content-campaign/references/platforms.md 中的表格 Picture 列决定,该文件缺失时会直接询问用户而非猜测。技能提供 references/geometry.md 捆绑文件,需在适配前阅读,说明两个像素目标、适配规则以及交付前需满足的条件。运行有两种模式:独立模式由用户提供图片并生成 horizontal.png 与 vertical.png 到临时目录下的新文件夹,并报告绝对路径;链式模式在 awesome-content-repurpose 已生成 post 文件后自动运行,将两张图与 post 文件放在一起。技能本身不附带程序,由 agent 根据机器环境使用已安装的图像库或命令行工具实现。
基于商品图片在 Temu 公开市场检索视觉相似或同款商品的技能,返回商品、销量、价格、评价、库存、供货价、店铺与品类等数据,用于以图找同款和视觉竞品调研。输入需为 LinkFox OSS 图片 URL,每次搜索消耗 150 算力。
UI 原型工场是一个面向需求确认阶段的技能,能够跳过繁琐的文档定义,直接基于需求文档生成多套独立的高保真 HTML 原型方案。它使用 HTML + Tailwind CSS(CDN)构建单文件原型,支持风格继承、多版本对比、产品形态适配(Web 全屏或 App 居中容器)、局部修改与全量设计、功能点遗漏检查以及从概念到落地的迭代设计流程。生成的 HTML 仅作为视觉参考和需求确认工具,不代表最终项目代码实现,实际开发时需使用项目选定的技术栈重写。
面向个人品牌的 AI 数字人视频生产技能,覆盖从脚本、配音、数字人渲染到发布的全流程,提供三档工具方案、四种工作流、声音克隆协议、防检测技巧、分地区披露法规与 100 分质检表。
面向个人品牌的长文写作技能,用于在LinkedIn、X、Substack、Medium等平台发布500-3000字内容以建立专业权威而非直接销售,包含三种结构模板、六种长文钩子、句式节奏规则、平台格式、1:5内容复用与质量评分清单。
该技能用于将 Anthropic 官方品牌配色与字体应用到各类产物中,使其呈现 Anthropic 的视觉风格。它定义了主色(深色 #141413、浅色 #faf9f5、中灰 #b0aea5、浅灰 #e8e6dc)与强调色(橙 #d97757、蓝 #6a9bcc、绿 #788c5d),并规定标题使用 Poppins、正文使用 Lora 字体,在字体缺失时自动回退到 Arial 与 Georgia。技能会智能应用字体(24pt 及以上标题用 Poppins,正文用 Lora)、根据背景智能选择文字颜色、为非文字形状循环使用强调色,并通过 RGB 颜色值保证品牌色彩一致性。适用于需要为文档、演示文稿等产物套用 Anthropic 品牌外观的场景。
Session Memory 是 Design System Ops 中的记忆层技能,用于跨技能运行持久化与召回发现结果,形成可累积的知识库,供后续技能比较、关联和复用。它只负责保存、召回、比较和关联,不自行执行审计或生成建议。
用于需求可追溯性分析的 QA 技能:将需求或控制项与验收标准、设计、代码、测试、缺陷和验证证据建立双向、可审计的映射,识别覆盖缺口、孤儿需求、孤儿测试、断链、过期制品与缺失证据,并保留来源、证据状态、影响、责任人与验证方法。
用于在 Shopify App Home 界面中使用 Polaris Web Components(s-* 自定义元素)构建 UI 的技能,涵盖页面、布局、表单等核心组件用法与最佳实践。
Mermaid Diagrams 是一个使用 Mermaid 语法创建图表与可视化的技能,适用于生成流程图、时序图、类图、实体关系图、甘特图等多种图表。它通过 Markdown 代码块(语言标识为 mermaid)编写,支持在 GitHub Markdown 中原生渲染,并提供 React 组件集成方式。