Menü
Creative Studio 项目的基础编码标准，覆盖 TypeScript、React、Rust 与跨层协作。
自动化浏览器交互，用于网页测试、表单填写、截图与页面数据提取。当用户需要访问网站、操作网页、填写表单、截图或抓取网页内容时，应使用本技能。
适用于 Creative Studio 的缺陷定位与修复流程。
查找当前库、框架或 API 的官方文档，优先使用实时文档而不是过期记忆。
适用于 Creative Studio 的标准功能开发流程。
帮助用户发现并安装可复用的 agent 技能。当用户询问“怎么做某件事”“有没有适合某任务的 skill”“是否存在某种能力扩展”，或表达希望扩展代理能力时使用。只要用户需求可能已有现成技能可复用，就应优先考虑本技能。
构建风格鲜明、可用于生产环境的高质量前端界面。用于实现网站、落地页、仪表盘、React 组件、HTML/CSS 布局、视觉物料或任何需要明显提升设计质量的 Web UI 任务。产出应具有创意与完成度，并避免套版化的 AI 审美。
| name | coding-standards |
| description | Creative Studio 项目的基础编码标准，覆盖 TypeScript、React、Rust 与跨层协作。 |
定义本项目在 TypeScript、React、Rust 以及跨层协作上的基础编码规范。
这个 skill 是当前仓库的通用下限规则，负责统一命名、可读性、不可变更新、错误处理与异味识别。
更具体的桌面 UI 模式请结合 tauri-react-desktop，Tauri Rust command 设计请结合 tauri-rust-commands 与 tauri-command。
data、temp、flag 这类低信息量名字any 逃避建模interface 表达约束src/types/isLoading、hasError、canRetry示例：
type StrategyCardProps = {
strategyId: string;
titleCount: number;
onSelect: (strategyId: string) => void;
};
const MAX_RETRY_COUNT = 3;
const SEARCH_DEBOUNCE_MS = 500;
示例：
setFormState((prev) => ({
...prev,
browserProfileId: nextProfileId,
}));
loading、empty、error、successinvoke 细节handleSubmitTask，不要写成 onClickButton示例：
if (isLoading) return <TaskSkeleton />;
if (errorMessage) return <InlineError message={errorMessage} />;
if (items.length === 0) return <EmptyState />;
return <TaskList items={items} />;
Result<_, String> 或更清晰的错误模型invokeengine/src/components/：通用或可复用组件src/pages/：页面级组合与工作台区域src/hooks/：复用交互逻辑与状态转换src/types/：共享类型与跨层契约src-tauri/src/：桌面能力、IPC 桥接、配置与进程管理engine/：长流程、采集、模型和数据处理"ok" / "fail" 这类低信息量结果if/else 嵌套却没有提早返回