# Cairo Components Under Hood

> Explain how components are expanded under the hood, including HasComponent and ComponentState; use when a request involves debugging or understanding generated component code in Cairo.

- Skill: `teddyjfpender/cairo-components-under-hood` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add teddyjfpender/cairo-components-under-hood`
- Raw SKILL.md: https://api.skillmd.com/api/skills/teddyjfpender/cairo-components-under-hood/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: teddyjfpender (https://skillmd.com/u/teddyjfpender)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/teddyjfpender/cairo-components-under-hood

---


# Cairo Components Under the Hood

## Overview
Explain the generated traits and wrappers created by component macros and how they connect to the host contract.

## Quick Use
- Read `references/components-under-hood.md` before answering.
- Mention HasComponent methods for access and mutation.
- Explain how embeddable impls become contract entry points.

## Response Checklist
- Identify the generated `HasComponent` trait and its methods.
- Explain `ComponentState<TContractState>` as the bridge to host storage.
- Clarify how impl aliases and `#[abi(embed_v0)]` expose entry points.

## Example Requests
- "What does component! generate behind the scenes?"
- "How does ComponentState work?"
- "Why do I need HasComponent for embedding?"