hb-sk-component-framework
The component framework contract for the component files this project's surface host renders or hydrates.
Skill by kodexArg
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/kodexarg-hb-sk-component-framework
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: documents, frontend, writing
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/hb-sk-component-framework
What's inside
- Skill name
hb-sk-component-framework- Description
- The component framework contract for the component files this project's surface host renders or hydrates. Load when authoring or editing a component, choosing reactive state primitives, or hydrating an interactive component — even if the skill is not named. Owner: The Elf (hb-ag-surface). The Elf does not write tests. Interface gaps go to The Cleric as content-needed. Not the catalog (hb-sk-contracts).
- License
- MIT
- Instructions
- 38 lines in SKILL.md · view on GitHub
Files (1)
- SKILL.md
SKILL.md (first lines)
# hb-sk-component-framework
Knowledge contract for **The Elf**. Teach {{component framework}} in this host, then stop.
## Load
1. Read the surface stack SSOT and the pins in [[REQUIREMENTS]].
2. Doctrine of this repo stays in the surface architecture doc and the ADRs — an extract is not an ADR.
3. If a pin moves, re-fetch the extract that backs this skill.
## This host
Routing, data fetch, and the document shell belong to the surface host
(`hb-sk-surface-framework`) — components do not own them. The reactivity
idioms, composition idiom, and event idiom of `{{component framework}}` as
this repo programs them are recorded here at instantiation:
- Reactivity idiom: `{{component reactivity idiom}}`
- Composition idiom: `{{component composition idiom}}`
- Hydration is the host's decision; a component with no hydration directive renders as static markup.
When [[adr-02-stack]] names Belt, that is the component and style hand: tokens, rhythm, reusable chrome. Follow the pins. Do not paste vendor manuals into this skill. Visual decisions are tokens ([[adr-04.b-design-system]]), not one-off literals.
## Do not
- Invent HTTP paths. The Elf requests interfaces from The Cleric (`hb-ag-contracts`) as content-needed (fields, page, UI need) — never a path invented here, never edit [[INTERFACES]].
- Author tests. The Elf does not write tests; The Trickster (`hb-ag-test`) plants traps.
- Load the interface-framework, domain-framework, contracts, local-runtime, cloud, or abc skills.
- Agent The Dwarf.
## Instantiation
This is a template skill: replace every `{{placeholder}}`, then rename the
folder to `{{prefix}}-sk-{{technology}}` (e.g. the component framework's
name). A headless project deletes this skill, `hb-sk-surface-framework`,
and `hb-ag-surface` together. See [[ONBOARDING]] and [[CLONE]].From kodexArg/harness-base, MIT.
More from kodexArg/harness-base
- 0.526score
kskill-mood
kodexArg
Slash /kdx-mood.
SkillBFreshness: BClaude Code +9 - 0.524score
hb-sk-contracts
kodexArg
Interface catalog contract for docs/INTERFACES.md: six-column row, docs/contracts/, trailing slash, declared path prefixes, fragment Payload: —.
SkillBFreshness: BClaude Code +9 - 0.524score
hb-sk-domain-framework
kodexArg
The domain framework contract as this repo programs it: models, settings, framework adapters, the pure-Python boundary, and the service toolchain.
SkillBFreshness: BClaude Code +9 - 0.524score
hb-sk-interface-framework
kodexArg
The interface framework contract as this repo programs it: explicit handlers plus declared paths, split read/write payload shapes, and the permission-class…
SkillBFreshness: BClaude Code +9 - 0.524score
hb-sk-tdd
kodexArg
Writes docs/tdds/tdd-NN-slug.md entries and walks draft→red→green→done for framework-bound service work, and recognizes the Paladin's no-entry test-after path.
SkillBFreshness: BClaude Code +9 - 0.524score
hb-sk-test-runner
kodexArg
Writes tests for this project's service with its test runner: parametrize, isolation, real dependencies at the owned boundary, no tautological mocks, and no…
SkillBFreshness: BClaude Code +9 - 0.524score
kskill-cowsay
kodexArg
Slash /cowsay.
SkillBFreshness: BClaude Code +9 - 0.524score
kskill-micro-solid-font
kodexArg
Slash /micro-solid-font.
SkillBFreshness: BClaude Code +9 - 0.524score
hb-sk-cloud
kodexArg
Cloud contract for this repo's deployment layout, secret-store naming, and deliberate absences.
SkillBFreshness: BClaude Code +9 - 0.524score
hb-sk-abc
kodexArg
ABC checklist: a change vs PRD, the ADRs, and INTERFACES.md.
SkillBFreshness: BClaude Code +9 - 0.524score
hb-sk-hawk
kodexArg
Historical-issue scout for The Hawk: Graphify first on the Hunter brief, then gh issue search, then a cheap repetition verdict.
SkillBFreshness: BClaude Code +9 - 0.524score
hb-sk-hound
kodexArg
Codebase scout for The Hound: Graphify first on Hunter clues (tags, keywords, symbols), then Grep/Read, then an ordered catalog of full paths and short…
SkillBFreshness: BClaude Code +9
Signals
- Stars
- 0
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Aug 29, 2026 (2 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- MIT
- Repository
- github.com/kodexArg/harness-base
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from kodexArg
- 0.529score
k-django-6-drf
kodexArg
Opinionated Django 6 + DRF backend entrypoint.
SkillBFreshness: BClaude Code +9 - 0.529score
k-report
kodexArg
CONVERT a given markdown summary (prose, lists, code, ```mermaid blocks) into ONE self-contained, opinionated, mobile-first (and desktop-friendly) dark HTML…
SkillBFreshness: BClaude Code +9 - 0.529score
k-astro-7
kodexArg
Opinionated frontend entrypoint for Astro 7 + Svelte 5 + HTMX.
SkillBFreshness: BClaude Code +9 - 0.526score
kskill-mood
kodexArg
Slash /kdx-mood.
SkillBFreshness: BClaude Code +9 - 0.524score
hb-sk-contracts
kodexArg
Interface catalog contract for docs/INTERFACES.md: six-column row, docs/contracts/, trailing slash, declared path prefixes, fragment Payload: —.
SkillBFreshness: BClaude Code +9 - 0.524score
hb-sk-abc
kodexArg
ABC checklist: a change vs PRD, the ADRs, and INTERFACES.md.
SkillBFreshness: BClaude Code +9
Cite this page
hb-sk-component-framework skill. Agent Mart. https://agentmart.dev/skills/kodexarg-hb-sk-component-framework (last updated 2026-10-24)