
Preview gallery
关于这个 Skill
Contact Bar Hero 是一个可立即粘贴的首屏区域,以可编辑源代码及其使用示例的形式提供。它带有稳定的入口运动,而不是弹跳,并且已经放置了肖像和摄影,而不是灰盒。颜色、类型和半径作为标记存在,您可以为整个块编辑一次。
Picked most often by
About this Skill

你粘贴一个块,页面顶部就完成了——标题、支撑线、按钮和插图已经彼此相对。没有什么可以布置的,没有什么是灰色的。
What you get
- Contact Bar Hero 的完整源代码 — 组件文件以及可运行的使用示例,可供粘贴和编辑。
- 书面视觉合同:调色板、字体比例、半径、图标笔画和运动计时,所有这些都作为您在一个地方编辑的标记。
- 肖像和摄影随块一起发送,已经放置并存储在本地而不是获取。
如何使用
- 告诉您的助手该部分的位置,它首先读取您的项目,然后按照项目已编写的方式写入块。
- 用你的话替换这些词。字体大小和间距自行保留。
- 把你自己的照片放进去。人物出现的地方就放肖像;有人物的地方就放肖像;有人物的地方就放肖像。其余的拍照。
- 发货前请在手机上查看。它已经被建造成可以容纳在那里。
What you need before you start
- Last tested
- v1.0.1 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
What you get
- Contact Bar Hero 的完整源代码 — 组件文件以及可运行的使用示例,可供粘贴和编辑。
- 书面视觉合同:调色板、字体比例、半径、图标笔画和运动计时,所有这些都作为您在一个地方编辑的标记。
- 肖像和摄影随块一起发送,已经放置并存储在本地而不是获取。
Good fit
- 您需要一个首屏区域,并且想要一个完成的部分,而不是一张空白的画布。
- 您希望第一个屏幕在渲染时看起来完整,并且图像已经放置。
- 您需要可以编辑的可读源,而不是另一个需要不断升级的依赖项。
Not for
- 团队已经在运行成熟的设计系统——这个调色板和字体比例将与你的相抗衡。
- 任何想要版本化 npm 包的人;这会给你提供维持自己的资源。
- 需要导航、表单、身份验证或结账的项目——本块均不涵盖。
品牌识别和视觉系统产品发布和应用程序增长网页设计和数字体验创建 UI 视觉效果建立网站页面构建登陆页面Editable Output视觉上抛光适合初学者暖中性青色口音动力学摄影
User reviews
Loading reviews…






