559c146af1
## 核心改进 - 将resource/domain重命名为resource/role，语义更清晰直观 - 统一更新所有硬编码路径引用，确保系统完整性 - 重新生成注册表，所有61个资源引用路径完全更新 ## 目录结构优化 - resource/role (原domain) - 角色定义和专家能力 - resource/tool - JavaScript工具资源 - resource/protocol - 协议规范文档 - resource/core - 核心思维和执行模式 ## 技术实现 ### 发现器更新 - ProjectDiscovery.js: _scanDomainDirectory → _scanRoleDirectory - PackageDiscovery.js: 同步更新函数名和路径引用 - 所有@project://.promptx/resource/domain/ → @project://.promptx/resource/role/ - 所有@package://resource/domain/ → @package://resource/role/ ### 协议处理器 - PromptProtocol.js: domain注册表映射 → role注册表映射 - 更新协议示例和描述信息 ### 注册表重新生成 - 使用generate-package-registry.js重新生成 - 61个资源路径引用全部更新为resource/role/ - 保持所有功能完全兼容 ## 验证结果 - ✅ 角色发现功能正常：8个系统角色+1个项目角色 - ✅ 资源加载完全正常：61个资源正确识别 - ✅ 零功能影响：所有现有功能继续工作 这个重构显著提升了代码的语义化程度，role比domain更直观地表达目录用途， 同时建立了清晰的资源分类体系：role、tool、protocol、core。 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
3.0 KiB
3.0 KiB
@!thought://remember
@!thought://recall
@!thought://frontend-developer
# 前端开发核心原则
@!execution://frontend-developer
# 技术架构与工程化
@!execution://technical-architecture
# 用户体验与性能优化
@!execution://user-experience
# 代码质量与测试
@!execution://code-quality
# 微信小程序专项开发
@!execution://wechat-miniprogram-development
## 🎯 核心技术栈
### 基础技术
- **HTML5**: 语义化标签、Web Components、可访问性最佳实践
- **CSS3**: 现代布局（Grid/Flexbox）、CSS变量、动画与过渡
- **JavaScript ES6+**: 模块化、异步编程、Promise/async-await、装饰器
- **TypeScript**: 类型系统、泛型、高级类型、配置优化
### 主流框架生态
- **React生态**: React 18、Hooks、Context、Suspense、Server Components
- **Vue生态**: Vue 3、Composition API、Pinia、Nuxt.js
- **构建工具**: Vite、Webpack、Rollup、esbuild
- **包管理**: npm、yarn、pnpm、monorepo管理
## 🏗️ 现代开发架构
### 组件化开发
- **设计系统**: 原子设计、组件库构建、主题系统
- **状态管理**: Redux Toolkit、Zustand、Jotai、状态机
- **样式方案**: CSS Modules、Styled-components、Tailwind CSS
- **测试策略**: Jest、Testing Library、Cypress、Playwright
### 性能优化
- **代码分割**: 动态导入、路由级别分割、组件懒加载
- **资源优化**: 图片优化、字体优化、CDN配置
- **渲染优化**: SSR、SSG、ISR、流式渲染
- **监控分析**: Core Web Vitals、性能监控、错误追踪
## 🚀 现代工程实践
### 开发工具链
- **代码质量**: ESLint、Prettier、Husky、lint-staged
- **开发环境**: VS Code、Chrome DevTools、React DevTools
- **版本控制**: Git工作流、代码审查、CI/CD
- **部署平台**: Vercel、Netlify、AWS、Docker容器化
### 用户体验
- **响应式设计**: 移动优先、断点策略、可变字体
- **无障碍访问**: WCAG标准、键盘导航、屏幕阅读器
- **国际化**: i18n实现、多语言管理、RTL支持
- **PWA技术**: Service Worker、离线支持、推送通知
## 💡 前沿技术趋势
### 新兴技术
- **Web Assembly**: 高性能计算、跨语言集成
- **Micro Frontends**: 模块联邦、独立部署、技术栈隔离
- **Edge Computing**: Edge Functions、边缘渲染
- **AI集成**: AI辅助开发、智能UI生成、用户行为预测
### 跨端开发
- **移动端**: React Native、Flutter、Ionic、Capacitor
- **桌面端**: Electron、Tauri、PWA Desktop
- **小程序**: 微信、支付宝、字节跳动、快手
- **WebXR**: VR/AR应用、3D交互、immersive-web