coss.com Svelte

Agent Skill

Teach coding agents how to install, compose, and debug COSS for Svelte components.

The coss-svelte skill gives a coding agent the port-specific context it needs before changing a component. Install it once, then ask the agent to use it whenever it adds, customizes, migrates, or debugs COSS for Svelte.

Install the agent skill

Install the skill directly from this repository:

npx skills add mielsense/coss-sv --skill coss-svelte

The installed skill includes a component catalog and an implementation guide. It directs the agent to the current Svelte documentation before choosing a registry item, import, compound part, prop, or state contract.

Read the skills CLI documentation, or review the published SKILL.md before installing it. The GitHub command works directly and does not depend on a skills.sh directory listing.

What the skill covers

  • The complete component catalog and the current Markdown documentation routes
  • Registry installation with the shadcn-svelte CLI and the documented $lib/ alias
  • Svelte namespace composition such as Card.Header, Dialog.Popup, and InputGroup.Addon
  • The boundary between the COSS visual contract and Shards UI behavior
  • Controlled state, callback details, overlay handles, and toast managers
  • Tailwind tokens, component variants, Hugeicons, accessibility, and reduced motion
  • A debugging order for registry, composition, state, layout, and keyboard problems

The skill treats the current Svelte page as the public contract. It does not translate Base UI or React APIs from the original project into consumer code.

Ask an agent to use it

Name the skill and the outcome you want:

Use the coss-svelte skill to add an accessible settings dialog with a labelled form and save and
cancel actions. Start from the closest documented particle.

For a compound control, ask the agent to preserve Svelte namespace composition:

Use the coss-svelte skill to build a searchable country selector. Verify the exact Combobox API,
keyboard behavior, focus return, and reduced-motion state before changing component source.

Without an installed skill

Agents that cannot install repository skills can read the documentation index, the full documentation snapshot, or the Markdown form of any page, such as the Button guide. The same skill and bundled references are also published under /.well-known/agent-skills/coss-svelte/.