itixo-component-library

v0.1.4

Consumer guide for the @itixo/component-library design system: install, Tailwind v4 wiring, DashboardLayout, design tokens, and the component/prop reference.

Claude Code3 Skills

By Itixo1 GitHub starsUpdated 3 hours ago

Directory evidence

Runtimes: Claude Code
Parsed components: 3 skill or MCP entries
Source updated: Sep 29, 2026
Manifest status: Canonical path parsed

The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →

Install itixo-component-library for Claude Code

Installs for the current user

claude plugin marketplace add IchenDEV/agent-plugin-mkt
claude plugin marketplace update agent-plugin-marketplace
claude plugin install itixo-component-library@agent-plugin-marketplace

Paste and run these commands in a terminal with Claude Code. They add and refresh the PluginsMP catalog, then install this plugin.

The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.

Get the source manually

$ git clone https://github.com/ITIXO/itixo-marketplace

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The plugin root is plugins/claude/itixo-component-library/.

Plugin files

plugins/claude/itixo-component-library/

├── .claude-plugin/plugin.json
├── skills/add-component-library-to-project/SKILL.md
├── skills/itixo-component-library/SKILL.md
└── skills/unlock-itixo-packages/SKILL.md

Included Skills3

add-component-library-to-projectskills/add-component-library-to-project/SKILL.md

Add @itixo/component-library to a React project — the `@itixo:registry` scope mapping in the project `.npmrc`, installing the package with tailwindcss 4, importing the library stylesheet into the global CSS, and mounting ComponentLibraryProvider with its config options. Use when a project does not have @itixo/component-library yet, when setting up a new ITIXO frontend, when the project `.npmrc` lacks the @itixo scope mapping (404 from registry.npmjs.org), when library components render unstyled, or when ComponentLibraryProvider is missing or misconfigured. Trigger on indirect phrasing too — "add our component library here", "set up the design system in this app", "wire up the provider", "components have no styles".

itixo-component-libraryskills/itixo-component-library/SKILL.md

How to consume the @itixo/component-library npm package inside an external React app — DashboardLayout shell, design tokens, styling rules, and the component/prop reference. For adding the library to a project (scope mapping, install, stylesheet, ComponentLibraryProvider), use add-component-library-to-project; if npm cannot download the package on this machine, use unlock-itixo-packages. Use whenever an ITIXO app imports, themes, or upgrades @itixo/component-library, or whenever the user mentions ITIXO components, DashboardLayout, GenericTable, or design tokens. Trigger on indirect phrasing too — "add a button to match our other apps", "set up our shared layout", "what props does X take", "how do I theme this", "wire up the sidebar / breadcrumbs / waffle menu". When in doubt, trigger.

unlock-itixo-packagesskills/unlock-itixo-packages/SKILL.md

Set up a developer machine so npm can download @itixo packages (such as @itixo/component-library) from GitHub Packages — classic personal access token with read:packages, SSO authorization, and storing it in the user-level `~/.npmrc`. Use when a developer is new on a project, runs `npm install` / `pnpm install` for the first time, or the install fails on an @itixo package — 401 "authentication token not provided", "User cannot be authenticated with the token provided", 404 from registry.npmjs.org, or questions about PAT tokens, `~/.npmrc`, SSO authorization, or a hanging `npm login`. Trigger on indirect phrasing too — "I can't install the project", "npm can't find @itixo", "how do I get access to our packages".

Plugin manifests1

plugins/claude/itixo-component-library/.claude-plugin/plugin.json

{
  "name": "itixo-component-library",
  "displayName": "itixo-component-library",
  "description": "Consumer guide for the @itixo/component-library design system: install, Tailwind v4 wiring, DashboardLayout, design tokens, and the component/prop reference.",
  "version": "0.1.4",
  "author": {
    "name": "Itixo",
    "url": "https://github.com/ITIXO"
  },
  "homepage": "https://github.com/ITIXO/itixo-marketplace",
  "repository": "https://github.com/ITIXO/itixo-marketplace",
  "keywords": [
    "claude",
    "component-library",
    "design-system",
    "react",
    "skills",
    "developer-tools"
  ],
  "skills": "./skills/"
}