关于这个 Skill

一个完整的个人开发者网站，位于近乎黑色的背景上，带有青色口音和干净的 Geist 类型。除了带有自我意识的小标题的主页之外，它还包括带有绘制的产品窗口的案例研究、完整的文章、带注释的谈话、“使用”页面、带有职业里程碑的“关于”页面、简历和联系表格。它适合那些希望将自己的作品、写作和历史作为一个连贯的作品而不是链接列表来阅读的开发人员。

Picked most often by

应用程序开发人员独立黑客求职者

安装指南 · 使用问题排查 · 探索同类技能

Runs in

Install guides

Claude Code Cursor

Generates with

主机代理法学硕士

About this Skill

You say/bs-basalt-dev-portfolio Build a site for Rae Calder, a Portland full-stack developer behind Emberpad and Querybird, with case studies and talks.

将您的工作历史、项目和写作变成一个完整的开发人员网站：带有青色口音的近乎黑色的页面、浮动的药丸导航和小而自我意识的标题。案例研究、文章、演讲、“使用”页面、“关于”页面和简历都相互连接，整个网站以一个文件的形式到达，可以在任何浏览器中离线打开。

Rae Calder home page with a text hero, a cyan clause, the pill navigation and a row of team wordmarks

What you get

包含精选作品的主页、由落下光束照亮的选项卡式体验栏、带有“显示更多”展示、最新写作、使用和讲座的开源网格
案例研究页面，其项目封面绘制为真实的产品屏幕，以及带有目录和可复制代码的完整文章页面
关于肖像、原则和逐年里程碑时间表、简历、带有注释的谈话页面和经过验证的联系表
命令面板、移动菜单、带有搜索和空状态的过滤器，以及针对运动减少的用户关闭的平静运动
Geist 和 Geist Mono 类型以及嵌入的每个图像，因此页面不会发出网络请求

Emberpad case card: a drawn product window with an RFC document and comment thread over a dark basalt stone backdrop

如何使用

告诉技能你是谁：你的角色、雇主和你在那里做了什么、你的项目及其结果，以及任何存储库、帖子和演讲。如果您有肖像，请添加您的肖像。
它会在网站上填充您的事实，起草您在内部语音中跳过的所有内容，并列出这些草稿供您确认或删除。
打开文件，单击每个页面，并用简单的文字询问更改，例如“删除会谈页面”或“添加第五个项目”。

About page with Rae's portrait beside her bio and a list of working principles

您未提供的照片是使用您智能体的图像工具生成的，该工具可能有自己的使用费。

What you need before you start

You bring: 您的姓名、角色、地点、空闲时间和两到三句话的个人简介 · 取得具体成就的雇主，以及包含问题、决策和结果的两到六个项目 · 可选：存储库、帖子、演讲、工具、里程碑以及您自己的肖像或活动照片
Dependencies: Node.js 18 or newer on your agent's machine, to run the bundled script that builds the single offline file · Internet access while the file is built, so the fonts can be downloaded once and embedded · An image tool in your agent for photos you do not supply (portrait, talk photos, desk still life); optional if you provide your own
Outside costs: 您未提供的照片是使用您的智能体自己的图像工具生成的，这可能会产生该工具的使用费。项目背景随技能一起提供，完成的页面不会发出任何网络请求。查看示例不需要任何费用。
Last tested: v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT