# Solid Control Flow Rendering

> Select and enforce SolidJS control-flow and rendering primitives with explicit branch semantics. Use for conditional/list rendering, suspense boundaries, and dynamic rendering choices.

- **Type:** Skill
- **Install:** `agentstack add skill-lvcoi-solidjskills-solid-control-flow-rendering`
- **Verified:** Yes — security-reviewed for prompt injection and unsafe behavior
- **Seller:** [lvcoi](https://agentstack.voostack.com/s/lvcoi)
- **Installs:** 0
- **Category:** [Agent Skills](https://agentstack.voostack.com/c/agent-skills)
- **Latest version:** 0.1.0
- **License:** MIT
- **Upstream author:** [lvcoi](https://github.com/lvcoi)
- **Source:** https://github.com/lvcoi/solidJSkills/tree/main/skills/solid-control-flow-rendering

## Install

```sh
agentstack add skill-lvcoi-solidjskills-solid-control-flow-rendering
```

Requires the [AgentStack CLI](https://agentstack.voostack.com/docs/cli). Works with Claude Code, Cursor, and any MCP-compatible agent.

## About

# solid-control-flow-rendering

## Trigger

Use when deciding between ``, ``, ``, `/`, ``, and related rendering primitives.

## Required Inputs

- Branching conditions and list identity expectations.
- Async rendering expectations.
- SSR/hydration and accessibility constraints.

## Workflow

1. Map each branch/list requirement to a specific control-flow primitive.
2. Declare fallback rendering for loading and empty states.
3. Validate list key/identity assumptions and update behavior.
4. Provide handoff notes for macro skill implementation or review.

## Failure Modes

- Ternary nesting for multi-branch logic: replace with `Switch/Match` guidance.
- List identity ambiguity: block completion until key semantics are clear.
- Async branch without fallback: add explicit fallback path.

## Output Contract

Return `DomainGuidanceOutput` with primitive decisions, handoff steps, and citations keyed by `doc_id`.

## Validation

- `node tools/scripts/validate-skills.mjs --skill solid-control-flow-rendering`
- `node tools/scripts/validate-solid-corpus.mjs`

## Key Corpus References

Use these `doc_id` values with the `read_corpus_doc` MCP tool:

- `solid-core.reference.components.show` — conditional rendering semantics
- `solid-core.reference.components.for` — keyed list rendering
- `solid-core.reference.components.index-component` — index-based list rendering
- `solid-core.reference.components.switch-and-match` — multi-branch conditional
- `solid-core.reference.components.suspense` — async boundary with fallback

## References

- `../../references/solidjs/control-flow.md`
- `../../references/solidjs-normalized/docs/reference/components/show.md`
- `../../references/solidjs-normalized/docs/reference/components/for.md`
- `../../references/solidjs-normalized/docs/reference/components/switch-and-match.md`
- `../../references/solidjs-normalized/docs/reference/components/suspense.md`

## Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

- **Author:** [lvcoi](https://github.com/lvcoi)
- **Source:** [lvcoi/solidJSkills](https://github.com/lvcoi/solidJSkills)
- **License:** MIT

Install and usage instructions live in the source repository linked above.

## Pricing

- **Free** — Free

## Security capabilities

Automated source analysis of v0.1.0 — what this tool can access:

- **Network access:** no
- **Filesystem access:** no
- **Shell / process execution:** no
- **Environment & secrets:** no
- **Dynamic code execution:** no

*"Yes" means the capability is present in the source — more access means more to trust, not that it is unsafe.*


## Versions

- **0.1.0** — security scan: passed — Imported from the upstream source.

## Links

- Listing page: https://agentstack.voostack.com/l/skill-lvcoi-solidjskills-solid-control-flow-rendering
- Seller: https://agentstack.voostack.com/s/lvcoi
- Browse the marketplace: https://agentstack.voostack.com/browse

---
Listed on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Creators keep 70%.