React Ui
作者 val-town2d3ec654b6a7无许可证收录于 2026年10月8日更新于 2026年10月8日
Use when building any val with a user interface — dashboards, web apps, landing pages, forms, admin tools, anything users see in a browser. Covers JSX/React conventions, Twind/Tailwind styling, React version pinning, the view-source link requirement, and what to avoid (template-string HTML, external assets).
添加到 SourceWeft 工作区
- 在控制台中打开该技能，并将它添加到工作区。
- 为需要使用它的对话启用该技能。
该技能仅含说明：不附带任何可执行的脚本。
添加到 SourceWeft系统会先要求你登录，然后直接带你回到这个技能。
让你的智能体来安装
把这段提示词粘贴到 Claude Code、Codex、Cursor 或其他能运行命令的智能体中，也可以粘贴到 SourceWeft 对话里。智能体会阅读这个技能的安装说明，向你展示它的来源、许可证和脚本情况，在你同意后用 SourceWeft CLI 安装。
阅读 https://sourceweft.com/skills/gh-val-town-plugins-react-ui/install.md 中的说明，按说明安装这个技能。安装前先告诉我它的来源、许可证以及是否附带脚本，等我确认。修改我电脑上的其他任何内容之前也要先问我。用命令行自行安装
适用于 Claude Code、Codex、Cursor 及其他本地智能体。SourceWeft CLI 会从源代码仓库中获取此处扫描过的那次提交，并根据扫描时记录的哈希值逐一校验每个文件。只要有任何不一致，就不会写入任何内容。
npx @sourceweft/cli skills install gh-val-town-plugins-react-ui添加 --agent claude-code、codex、cursor 或 universal 来选择安装给哪个智能体（默认为 Claude Code）。
上游安装器——未经 SourceWeft 校验
开源的 skills 安装器会获取同一个固定的提交，但不会根据 SourceWeft 记录的哈希值校验文件。
npx skills add https://github.com/val-town/plugins/tree/2d3ec654b6a7d93e209afb8f2e8848eddcb9f17b/plugin/skills/react-ui更多来自 val-town/plugins 的技能
Sqlite Storage
val-town
指导在 Val Town 的 val 中使用内置 SQLite 存储结构化或关系型数据。
Oauth
val-town
指导使用 std/oauth 中间件、会话与用户数据，为 val 添加 Val Town 账号登录。
Http Endpoints
val-town
指导在 Val Town 上构建 HTTP 端点：处理函数签名、Hono 用法、CORS、重定向与平台限制。
val-town
指导构建可接收来信并通过 std/email 发送邮件的 Val Town val。
Cron And Intervals
val-town
指导编写按 cron 计划运行的 interval val，涵盖 UTC 时区规则与 lastRunAt 模式。
Create Skill
val-town
说明如何编写 Val Town 的 SKILL.md 文件，让 AI 代理能发现并使用用户偏好。
更多Software Development技能
Playground
anthropics
构建自包含的交互式 HTML 演练场，包含控件、实时预览和可复制的提示词输出。
M5 Onboard
anthropics
通过 USB 检测 M5Stack ESP32 开发板，刷写 UIFlow 2.0 固件并安装 MicroPython 应用包。
Cardputer Buddy
anthropics
指导迭代 Cardputer-Adv 的 MicroPython 应用包：添加应用、通过 USB 串口推送文件、查看日志并运行 REPL 命令。
Testing Strategy
anthropics
设计测试策略与测试计划，涵盖测试类型、覆盖率目标与示例测试用例。
Tech Debt
anthropics
识别、分类并排序技术债务，产出评分后的待办清单与分阶段整改计划。
System Design
anthropics
通过需求、高层设计、深入设计、扩展与权衡分析来指导系统与架构设计。