登录页像外来的?这款Skill统一风格

自定义 Clerk 登录注册流程和界面样式。

clerk-custom-ui 是帮助开发者调整 Clerk 登录注册界面和自定义认证流程的 Skill。给 AI 项目的 Clerk 版本、现有设计风格和要改的部分,它会先判断是调整现成组件外观,还是需要用 hooks 自建交互流程。

如果只是颜色、字体、圆角或品牌标识不协调,通常可以从 appearance 配置入手,不必为了换一套视觉就重新做整条登录逻辑。文档也覆盖现成主题与项目设计系统的配合。

版本检查很重要。归档资料区分 Core 2 和较新的 SDK:部分外观属性名称、主题包路径,以及自定义登录注册 hooks 的接口都有变化。复制另一版本的代码,可能出现样式不生效或返回值完全不同的问题。

使用时可以先让 AI 查看依赖版本和现有组件,再列出最少需要调整的外观项;确实要更改登录步骤时,再读取对应版本的自定义流程参考。

它需要应用已经由 ClerkProvider 正确包裹。适合已经接入 Clerk、希望登录页面看起来属于自己产品的团队,最终仍要验证注册、登录和错误状态,而不只检查一张截图。

分类:设计创作

来源仓库:clerk/skills

适合用来做什么

  • 如何在Clerk中自定义登录页面的样式?
  • 请提供使用useSignUp钩子的示例代码。

安装 clerk-custom-ui

npx skills add https://www.iskills.cc/skills/clerk/skills/clerk-custom-ui/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 clerk-custom-ui 的用途与原始说明

浏览全部 Skill 指南