Vue Application Structure
aj-geddes/useful-ai-prompts/skills/vue-application-structure作者 aj-geddes3f5182cfd739无许可证355 个星标收录于 2026年10月8日更新于 2026年10月8日仓库7个月前更新
Structure Vue 3 applications using Composition API, component organization, and TypeScript. Use when building scalable Vue applications with proper separation of concerns.
仅公开文件列表。将技能安装到工作区后即可查看文件内容。
| 路径 | 大小 | 类型 |
|---|---|---|
| references/async-data-fetching-composable.md | 1.6 KB | text/markdown |
| references/component-organization-structure.md | 755 B | text/markdown |
| references/form-handling-composable.md | 1.8 KB | text/markdown |
| references/pinia-store-state-management.md | 1014 B | text/markdown |
| references/vue-3-composition-api-component.md | 1000 B | text/markdown |
| SKILL.md | 2.3 KB | text/markdown |
| templates/component-template.tsx | 318 B | text/plain |
来源与署名
来源：aj-geddes/useful-ai-prompts位于skills/vue-application-structure提交3f5182c
许可证： 无许可证
内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。
更多来自 aj-geddes/useful-ai-prompts 的技能
Xss Prevention
aj-geddes
Prevent Cross-Site Scripting (XSS) attacks through input sanitization, output encoding, and Content Security Policy. Use when handling user-generated content in web applications.
Wireframe Prototyping
aj-geddes
Create wireframes and interactive prototypes to visualize user interfaces and gather feedback early. Use tools and techniques to communicate design ideas before development.
Web Performance Optimization
aj-geddes
通过代码分割、懒加载、缓存、压缩和监控来指导 Web 性能优化。
Visual Regression Testing
aj-geddes
通过跨版本比较截图来检测 UI 中非预期的视觉变化，指导视觉回归测试。
User Persona Creation
aj-geddes
基于研究创建详细的用户画像，用于指导产品设计、优先级排序与信息传达。
User Guide Creation
aj-geddes
指导撰写产品用户指南、教程和分步操作文档，并附示例。
更多Software Development技能
Playground
anthropics
构建自包含的交互式 HTML 演练场，包含控件、实时预览和可复制的提示词输出。
M5 Onboard
anthropics
通过 USB 检测 M5Stack ESP32 开发板，刷写 UIFlow 2.0 固件并安装 MicroPython 应用包。
Cardputer Buddy
anthropics
指导迭代 Cardputer-Adv 的 MicroPython 应用包：添加应用、通过 USB 串口推送文件、查看日志并运行 REPL 命令。
Web Design Guidelines
vercel-labs
依据从远程来源获取的 Web Interface Guidelines 审查 UI 代码，并以 file:line 形式报告问题。
Vercel React Native Skills
vercel-labs
React Native 与 Expo 最佳实践规则，涵盖列表性能、动画、导航、UI 模式、状态与 monorepo 配置。
Vercel React Best Practices
vercel-labs
Vercel 的 React 与 Next.js 性能指南，以 70 条规则的形式用于编写、审查和重构代码。