AgentSkillsCN

solid-component-builder

在构建 SolidJS 组件时，通过明确的响应式选择、组件边界、Props 合约以及验收检查清单来实现组件的创建与优化。适用于实现新的 SolidJS UI 组件、功能模块，或可复用的库组件时使用。

SKILL.md
--- frontmatter
name: solid-component-builder
description: Create or improve SolidJS components with explicit reactivity choices, component boundaries, props contracts, and acceptance checklists. Use when implementing new SolidJS UI components, feature slices, or reusable library pieces.

solid-component-builder

  1. •Confirm requirements, UX behavior, and state/data inputs.
  2. •Choose Solid primitives (createSignal, createMemo, createResource, control-flow components) intentionally.
  3. •Produce a component implementation plan before patching.
  4. •Validate output against ../../references/solidjs/reactivity-core.md and ../../references/solidjs/component-patterns.md.
  5. •Return a concise acceptance checklist with correctness, accessibility, and performance notes.