8starlabs/ui/8sl-component-ship

Claude Code and agent skill by 8starlabs/ui

Trust tier 3
  • community
Source check pending

Checking that the SKILL.md file is still in the repository.

Use when adding, updating, documenting, or validating an 8StarLabs UI component in this repository. Covers the full maintainer workflow across blocks, examples, docs, registry metadata, generated index files, and validation commands.

Install

npx vskill@latest install 8starlabs/ui/8sl-component-ship

SKILL.md

8StarLabs Component Ship

Maintainer skill for work inside this repository. Use it when the task is to ship or update a component end-to-end, not when the task is only to consume an already-published registry item in another app.

Apply this skill when

  • adding a new component to the registry
  • updating an existing block, demo, or docs page
  • fixing registry metadata, generated index output, or install targets
  • validating that a component change is shippable

Repo map

  • Component source: registry/8starlabs-ui/blocks
  • Examples and demos: registry/8starlabs-ui/examples
  • Docs content: lib/docs/components
  • Registry manifest: registry.json
  • Generated index: registry/__index__.tsx
  • Generation script: scripts/generate-index.mts

Core rules

  1. Treat component shipping as one workflow.

A real change usually touches source, at least one demo, docs, and registry output expectations together.

  1. Follow existing component patterns before inventing new structure.

Inspect similar blocks and docs pages first.

  1. Keep changes minimal and coherent.

Do not refactor unrelated registry or docs infrastructure unless the current task truly requires it.

  1. Prefer explicit validation.

When registry-facing files change, run the generation/build commands instead of assuming metadata still lines up.

Workflow

  1. Inspect the current component and the nearest comparable component in the

same repo.

  1. Decide the shipping surface:

block only, or block + demo + docs + registry metadata.

  1. Update the component source in registry/8starlabs-ui/blocks.
  2. Update or add example files in registry/8starlabs-ui/examples when the

user-facing API or behavior changes.

  1. Update docs in lib/docs/components so installation, usage, and API remain

accurate.

  1. Check whether registry.json must be updated or regenerated expectations

changed.

  1. Run the registry sync commands when applicable:

pnpm registry:generate-index pnpm registry:build

  1. Run additional validation that fits the change, such as pnpm lint or

pnpm tscheck, when the edited files could break site or type behavior.

  1. Review generated diffs before finishing. Make sure output matches source

intent and no unrelated artifacts slipped in.

Heuristics

  • New block:

add source, at least one example, docs page content, and registry entry.

  • API change:

update demos and docs in the same pass.

  • Docs-only change:

keep code untouched unless docs prove current implementation wrong.

  • Registry/index mismatch:

trust generated output after verifying source inputs, not hand-edited drift.

Avoid

  • editing only the block when the public API changed
  • leaving docs or demos stale after changing props or behavior
  • hand-waving registry sync without running the repo commands
  • treating consumer-app integration advice as maintainer workflow

References

  • Read references/shipping-checklist.md for repo-specific authoring and

validation details.

Security

  • Security scanPassed, 90 of 100Pattern checks on the skill's files.
  • Model reviewPassed

Quality evaluation

  • Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

Source

Popularity

Repository stars
119
Repository forks
8
7-day trend score
24

Stars and forks are for the whole GitHub repository, not this skill alone. Refreshed 13 Jul 2026, 3 months ago.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

  • Claude Code
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Codex
  • Gemini CLI
  • Cline
  • Amp
  • Roo Code
  • Goose
  • Continue
  • Kilo Code
  • Junie
  • Trae
  • OpenHands
  • Qwen Code
  • AI Agent
  • Tabnine Chat
  • Sourcegraph Cody
  • Amazon Q
  • Firebase Genkit
  • Sweep
  • Devin
  • Phind
  • Mentat
  • Claude Desktop
  • Aider
  • GPT Pilot
  • Plandex
  • bolt.new
  • v0
  • Replit Agent
  • Anse
  • TypingMind
  • BetterChatGPT
  • LibreChat
  • Warp AI
  • Pieces
  • Fig AI
Embed badge
vskill VERIFIED badge
[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/8starlabs/ui/8sl-component-ship/badge)](https://verified-skill.com/skills/8starlabs/ui/8sl-component-ship)

Something wrong with this skill or its page? Tell us.