diff --git a/.gitignore b/.gitignore
index 3903c65..f90f507 100644
--- a/.gitignore
+++ b/.gitignore
@@ -134,3 +134,9 @@ webpack-metrics.json
 
 # Devin AI logs
 devin*.log
+
+# Opencode
+.opencode
+
+# OpenSpec
+openspec/changes/archive
diff --git a/openspec/config.yaml b/openspec/config.yaml
new file mode 100644
index 0000000..7ebbd1c
--- /dev/null
+++ b/openspec/config.yaml
@@ -0,0 +1,8 @@
+schema: spec-driven
+
+context: |
+    - 当前项目是一个纯前端的原型开发项目，没有后端或其他外部系统需要交互，重点在于展示功能点对应在前端页面上的样式、布局等内容，不需要设计复杂的正式的逻辑交互
+    - 项目使用pnpm作为包管理器
+    - 不需要构建测试，使用pnpm build命令确保项目代码可以正常打包即可，严禁运行pnpm dev等类似的挂起命令
+    - 使用中文进行思考、交流、文档、注释
+    - README.md是项目的开发文档，记录了代码结构和关键的开发模式，每次需求变更都要按需更新该文档，以反映最新的代码情况，便于AI下次参与开发可以一次性获取足够的上下文信息