Communitygithub.com

posimyth/uichemy-cursor-plugin

将设计创意、模型描述、情绪板或品牌简介转化为可在UiChemy中构建并导出至Elementor或Gutenberg的WordPress就绪网站。

uichemy-cursor-plugin 是什么?

该技能允许用户仅通过文本描述、情绪板、品牌简介或设计图片,快速生成一个可直接用于WordPress的网站。它适用于多种AI编码助手平台(如Claude Code、Cursor、Codex等),无需依赖Figma文件或其他外部网站,直接从对话内容中提取设计意图。技能会自动收集业务类型、页面需求、配色、字体等关键信息,生成相应的十六进制颜色、标题字体和正文,并选择合适的布局风格。随后它会调用UiChemy的验证和响应式检查工具,确保输出质量稳定。最后用户可选择导出至Elementor或Gutenberg,并利用UiChemy WordPress插件或自有WordPress地址进行部署。整个过程注重版权合规,确保仅使用用户提供的或经授权的素材。

兼容平台~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/posimyth/uichemy-cursor-plugin/tree/HEAD/skills/design-to-wordpress

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

当用户从外观(风格、情绪板、设计描述、提供的图片)出发并希望将其转化为可编辑的WordPress站点时,使用此技能。

此插件无法读取Figma文件或打开其他网站。它仅基于用户在此聊天中写入或附加的内容工作。如果用户需要转换Figma文件,请用一句话说明并提议根据他们的描述重新构建设计。

步骤:

  1. 从消息中收集:业务类型、页面、氛围、颜色、字体以及任何图片。仅当缺少业务类型或名称时,以一次批量提问的形式询问。说明你对其余部分所做的选择。
  2. 按照build-site-from-brief技能创建项目。将外观转化为十六进制颜色、标题字体和正文字体,并选择适合所描述风格的布局。
  3. 运行uichemy_validate和uichemy_check_responsive,修复它们报告的问题。
  4. 询问用户需要哪种构建器,Elementor还是Gutenberg,然后按照export-to-wordpress技能标记项目已导出。
  5. 告诉用户构建了什么、做了哪些风格选择以及下一步:通过UiChemy WordPress插件将其拉入他们的WordPress站点,或者如果用户提供站点地址,则遵循deploy-to-own-wordpress。

规则:

  • 不要复制其他公司的文案、徽标或图片。仅使用用户拥有或有权使用的内容。
  • 仅使用用户提供的或uichemy_upload_image返回的图片URL。
  • 在创建项目之前告知用户,一个新项目将出现在他们的UiChemy账户中。

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

相关技能