用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt;运行前请先检查来源。
npx skills add https://github.com/sofianbll/My-Bentofolio --skill bentofolio命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地?可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
正在显示 SKILL.md
| schemaVersion | 1 |
| name | bentofolio |
| description | Portfolio bento grid with A4 CV, zinc surfaces, and Syne display typography |
cell variants (hero, photo, skills, contact, formation, interests, projects)#f0f0f3, white cards #ffffff, text #111113, muted #6b6b76, borders #dcdce0#6366f1 for interactive states, category badges, and active elementsSyne (display/headings), SF Pro Display (body), JetBrains Mono (code/technical)Cell({ variant, glow, className, children }) — Bento grid card with optional mouse-follow glowhero, photo, skills, contact, formation, interests, projectsIcon({ name, size }) — Inline SVG icons (lucide-style), 40+ iconsBadge({ label, color }) — Colored labelChip({ label, variant }) — Outline/solid pillTechTag({ label, tech }) — Category-colored tech pill using .t-{tech} CSS classSectionTitle({ title }) — Section headingCatGlyph({ cat, size }) — Category icon with colorCatPill({ cat }) — Category badge with icon + labelCatPills({ project, max }) — Multi-category pills for a projectHomeView — Bento grid with hero, photo, skills, contact, formation, interests, projects previewProjectsView — Filterable project gallery with category chipsProjectDetailView — Full project detail page with case studyCvView — A4 CV with project selection, download/printContactView — Contact form + info cardAdminView — Mini-CMS dashboard (password: bento)--cat-dev, --cat-webdesign, --cat-3d, --cat-animation, --cat-logo, --cat-tooling, --cat-tools, --cat-devops, --cat-ai.t-laravel, .t-vue, .t-react, .t-tailwind, .t-docker, etc. — 20+ tech-specific accent classesauto-fill / minmax[data-theme="dark"] selector in app/styles.cssconfig.json (single source of truth)app/config-runtime.js (preview iframe, postMessage validation)id, name, categories[], featured, techs[], role, period, duration, description, caseStudy, highlights[], demoUrl, repoUrl, image/api/admin/save write directly to config.jsonbun run build embeds config.json into the production bundleIcon component