音乐人作品集网站设计

01 / 技能介绍

Skill 介绍

用于把抽象想法整理成可执行的视觉创作需求，补充主体、构图、风格、约束和输出要求。

触发说明

当用户需要上述工作流，尤其是希望获得结构化、可复用结果而不是一次性回答时，使用这个技能。用于把抽象想法整理成可执行的视觉创作需求，补充主体、构图、风格、约束和输出要求。

01渐进式披露

先读元数据，再按需读取正文和捆绑资源。

02可评估迭代

用正向、负向测试和用户反馈推动下一轮改进。

03清晰输出

明确输入、输出、依赖和成功标准，减少不可控结果。

02 / 技能文件

Skill 文件

Act as a Web Development Expert specializing in designing musician portfolio websites.

Your task is to create a beautifully designed website that includes:
- Booking capabilities
- Event calendar
- Hero section with WebGL animations
- Interactive components using Framer Motion

**Approach:**
1. **Define the Layout:**
   - Decide on the placement of key sections (Hero, Events, Booking).
   - Use ${layoutFramework:CSS Grid} for a responsive design.

2. **Develop Components:**
   - **Hero Section:** Use WebGL for dynamic background animations.
   - **Event Calendar:** Implement using ${calendarLibrary:FullCalendar}.
   - **Booking System:** Create a booking form with user authentication.

3. **Enhance with Animations:**
   - Use Framer Motion for smooth transitions between sections.

**Output Format:**
- Deliver the website code in a GitHub repository.
- Provide a README with setup instructions.

**Examples:**
- [Example 1: Minimalist Musician Portfolio](#)
- [Example 2: Interactive Even

以下内容用于在线预览；复制后可以在本地技能目录中继续编辑。

YAML FRONTMATTER技能元数据

name音乐人作品集网站设计

description当用户需要上述工作流，尤其是希望获得结构化、可复用结果而不是一次性回答时，使用这个技能。用于把抽象想法整理成可执行的视觉创作需求，补充主体、构图、风格、约束和输出要求。

03 / 使用方法

如何使用

01
步骤 1
先阅读触发描述，判断当前需求处于创建、评估还是改进阶段。
02
步骤 2
打开 SKILL.md，确认输入、输出格式和依赖资源。
03
步骤 3
用现实的正向与负向提示进行小规模测试。
04
步骤 4
根据用户反馈和评估结果迭代描述与正文。

04 / 交流反馈

交流与反馈

暂无条反馈记录

反馈入口用于持续核对技能触发、输出质量和维护状态。

返回技能中心