arwes-react

仓库创建 2019年3月17日最近提交 23 天前SkillHot 收录 22 天前

▸ 精选理由

提供版本特定的兼容性与调试经验，适合维护该 UI 的团队。

这个 Skill 做什么

针对 @arwes/react 的使用、调试与样式化最佳实践指南。

用 @arwes/react 做科幻风界面时的实用手册，教你怎么用 frame 组件和 Animator 生命周期，给框架的 SVG 做样式、加 bleeps 和特效，以及排查“看不见”的 frame 问题。遇到 arwes-compat.tsx 或 @arwes/react 导入、要改样式或调试动画就来参考。注意它与 React Strict Mode 和 Server Components 不兼容，调试时别开这些模式。

▸ 展开 SKILL.md 英文原文

Working with @arwes/react (1.0.0-next) sci-fi UI framework — frame components, Animator lifecycle, SVG styling, bleeps, and effects. Use this skill whenever modifying Arwes components, debugging invisible frames, styling frame SVGs, or adding new sci-fi UI elements. Also use when you see imports from @arwes/react or the arwes-compat.tsx compatibility layer.

开发编程ReactUI 框架Arwes通用

Stars

Forks

仓库内 Skill

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/starwards/starwards/master/.claude/skills/arwes-react/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/starwards/starwards/master/.claude/skills/arwes-react/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Arwes React (1.0.0-next) — Working Guide

This skill covers the @arwes/react framework as used in Starwards, including hard-won debugging
lessons from actual development. The installed version is `1.0.0-next.25020502`.

**Not compatible with**: React Strict Mode, React Server Components.

## The Compatibility Layer

Starwards wraps raw Arwes components in `modules/browser/src/components/arwes-compat.tsx`. This
provides an alpha.19-style API (Button, Card, FrameCorners, Text, etc.) on top of the 1.0.0-next
primitives. Always check arwes-compat.tsx before modifying UI components.

Colors come from `modules/browser/src/colors.ts` (the HSL palette system). The `theme` object
in arwes-compat.ts

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有