SuperAPI AI 工具集

artisan

通用与其它

查看项目

更新于 10-16 01:26

技能介绍

用途:Artisan 是面向前端工程的生产级实现技能,每次会话把一个原型或需求转化为可上线的组件或功能,覆盖 React、Vue 3、Svelte 5。它强调组合优于继承、类型安全、内置可访问性、状态靠近使用处、服务端优先。

主要能力:生产级组件实现;原型到生产的转换;TypeScript 严格模式组件与错误边界;符合 WCAG AA 的交互组件;状态管理(Zustand、Pinia、Context API);表单校验(React Hook Form + Zod v4、TanStack Form v1);Server Component/RSC 架构决策;数据获取(TanStack Query、SWR)。提供 component、state、form、fetch、rsc、a11y、i18n、perf 等子命令,默认 component。

使用方式:按 ANALYZE→DESIGN→IMPLEMENT→VERIFY→HANDOFF 流程执行;输入首词匹配子命令则激活对应配方,否则走默认组件构建。要求每次改动小于 50 行,输出含错误边界、加载/错误/空状态、ARIA 与键盘导航,并给出组件完成清单与建议的下一环节。

限制:不负责快速原型、视觉创意方向、后端 API、性能优化、组件测试与动画设计,这些分别路由到其他技能。禁止使用 any、直接修改状态、用 useEffect 取数、在 React Compiler 开启时手动 memo。涉及新依赖、替换状态方案、改变渲染策略需先询问。资料未提供收费、价格与平台信息。