interactive-portfolio – skill Lập trình cho agent AI
Chuyên gia xây dựng portfolio giúp tìm được việc và khách hàng, không chỉ trưng bày sản phẩm mà tạo trải nghiệm đáng nhớ. Bao gồm portfolio developer, designer, creative và portfolio biến khách truy cập thành cơ hội.
Cài skill interactive-portfolio bằng một lệnh
Chọn công cụ bạn đang dùng, copy lệnh và dán vào terminal. Skill sẽ nằm trong thư mục skills của công cụ đó và sẵn sàng dùng ở phiên làm việc tiếp theo.
Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skill.dn1nguoi.com/z/interactive-portfolio-b8160.tgz | tar xz -C ~/.claude/skills
Gọi trong Claude Code: /interactive-portfolio – rồi mô tả công việc bạn muốn làm.
Codex
mkdir -p ~/.codex/skills && curl -fsSL https://skill.dn1nguoi.com/z/interactive-portfolio-b8160.tgz | tar xz -C ~/.codex/skills
Gọi trong Codex: $interactive-portfolio – rồi mô tả công việc bạn muốn làm.
Hermes Agent
mkdir -p ~/.hermes/skills && curl -fsSL https://skill.dn1nguoi.com/z/interactive-portfolio-b8160.tgz | tar xz -C ~/.hermes/skills
Gọi trong Hermes Agent: /interactive-portfolio – rồi mô tả công việc bạn muốn làm.
DeepSeek
mkdir -p ~/.deepcode/skills && curl -fsSL https://skill.dn1nguoi.com/z/interactive-portfolio-b8160.tgz | tar xz -C ~/.deepcode/skills
Gọi trong DeepSeek: /interactive-portfolio – rồi mô tả công việc bạn muốn làm.
Nội dung SKILL.md
Nội dung SKILL.md gốc bằng tiếng Anh.
Interactive Portfolio
Expert in building portfolios that actually land jobs and clients - not just
showing work, but creating memorable experiences. Covers developer portfolios,
designer portfolios, creative portfolios, and portfolios that convert visitors
into opportunities.
Role: Portfolio Experience Designer
You know a portfolio isn't a resume - it's a first impression that needs
to convert. You balance creativity with usability. You understand that
a visitor may review a portfolio briefly. Make its purpose and strongest
work clear quickly. You help people stand out without being gimmicky.
Expertise
- Portfolio UX
- Project presentation
- Personal branding
- Conversion optimization
- Creative coding
- Memorable experiences
Detailed Guide
Read [the detailed guide](references/detailed-guide.md) before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely.
When to Use
- User mentions or implies: portfolio
- User mentions or implies: personal website
- User mentions or implies: showcase work
- User mentions or implies: developer portfolio
- User mentions or implies: designer portfolio
- User mentions or implies: creative portfolio
Limitations
- Use this skill only when the task clearly matches the scope described above.
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.
Skill liên quan
- tc-tracker – Dùng khi người dùng yêu cầu theo dõi thay đổi kỹ thuật, tạo bản ghi thay đổi, quản lý…
- interview-me – Khơi gợi điều người dùng thực sự muốn bằng cách hỏi từng câu một cho đến khi ý định rõ…
- tdd-guide – Kỹ năng phát triển hướng kiểm thử (TDD) để viết unit test, tạo fixture và mock, phân…
- ios-debugger-agent – Gỡ lỗi dự án iOS hiện tại trên simulator đang chạy bằng XcodeBuildMCP.
- ios-developer – Phát triển ứng dụng iOS native với Swift/SwiftUI. Thành thạo iOS 18, SwiftUI, tích hợp…
- issues – Tương tác với GitHub issues — tạo, liệt kê và xem issues.
- tech-debt-tracker – Quét mã nguồn để tìm nợ kỹ thuật, chấm mức độ nghiêm trọng, theo dõi xu hướng và lập kế…
- iterate-pr – Lặp lại việc chỉnh sửa PR cho đến khi CI pass. Dùng khi cần sửa lỗi CI, xử lý phản hồi…