React Component Architecture
aj-geddes/useful-ai-prompts/skills/react-component-architecture作者 aj-geddes3f5182cfd739无许可证355 个星标收录于 2026年10月8日更新于 2026年10月8日仓库7个月前更新
Design scalable React components using functional components, hooks, composition patterns, and TypeScript. Use when building reusable component libraries and maintainable UI systems.
仅公开文件列表。将技能安装到工作区后即可查看文件内容。
| 路径 | 大小 | 类型 |
|---|---|---|
| references/composition-pattern.md | 891 B | text/markdown |
| references/custom-hooks-pattern.md | 1.3 KB | text/markdown |
| references/functional-component-with-hooks.md | 981 B | text/markdown |
| references/higher-order-component-hoc.md | 719 B | text/markdown |
| references/render-props-pattern.md | 882 B | text/markdown |
| SKILL.md | 2.3 KB | text/markdown |
| templates/component-template.tsx | 318 B | text/plain |
来源与署名
来源：aj-geddes/useful-ai-prompts位于skills/react-component-architecture提交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 性能优化。
Vue Application Structure
aj-geddes
指导使用组合式 API、组件组织与 TypeScript 来构建 Vue 3 应用结构。
Visual Regression Testing
aj-geddes
通过跨版本比较截图来检测 UI 中非预期的视觉变化，指导视觉回归测试。
User Persona 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 条规则的形式用于编写、审查和重构代码。