maddada/htmlcn

Dernière activité source enregistrée: 28 juin 2026 à 21:22

Catalogue SkillsMP mis à jour: 12 novembre 2026 à 12:52

skills collectés: 1

Étoiles GitHub: 0
Forks GitHub: 0

Installer avec un assistant IA

Copiez ce prompt dans l’assistant IA que vous utilisez.

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/maddada/htmlcn.

README du dépôt

Fichier source du README : README.md

Lire le README source

Afficher le README complet

# htmlcn [![skills.sh](https://skills.sh/b/madda/htmlcn)](https://skills.sh/madda/htmlcn) htmlcn is a plain HTML component vocabulary for building shadcn-style static prototypes with one CSS file and one JavaScript file. ## Install the Skill After this repository is public on GitHub, install the `htmlcn` skill with: ```sh npx skills add madda/htmlcn --skill htmlcn ``` To install it globally for Claude Code: ```sh npx skills add madda/htmlcn --skill htmlcn -g -a claude-code ``` Replace `madda/htmlcn` with the final GitHub `owner/repo` if the repository is published under a different name. ## Repository Layout - `skills/htmlcn/SKILL.md` is the skill entry point discovered by the `skills` CLI. - `skills/htmlcn/examples/` contains htmlcn example pages. - `lib/` contains the important shared runtime files: `htmlcn.css`, `htmlcn.js`, and `favicon.svg`. - `website/` contains the Vite website and the shadcn React comparison page. ## Website Commands Run website commands from the repository root: ```sh npm run dev npm run build npm run preview npm run typecheck ``` ## CDN Publishing The cleanest CDN path is to publish this repository as a public npm package, then use jsDelivr or UNPKG. Before publishing, choose a package name, remove `"private": true`, and add or adjust these package fields: ```json { "name": "@your-scope/htmlcn", "version": "0.1.0", "files": ["lib"], "jsdelivr": "./lib/htmlcn.js", "style": "./lib/htmlcn.css", "publishConfig": { "access": "public" } } ``` Then verify and publish: ```sh npm pack --dry-run npm publish --access public ``` After publish, pin an exact version in HTML: ```html <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@your-scope/htmlcn@0.1.0/lib/htmlcn.css"> <script src="https://cdn.jsdelivr.net/npm/@your-scope/htmlcn@0.1.0/lib/htmlcn.js" defer></script> ``` UNPKG works with the same npm package: ```html <link rel="stylesheet" href="https://unpkg.com/@your-scope/htmlcn@0.1.0/lib/htmlcn.css"> <script src="https://unpkg.com/@your-scope/htmlcn@0.1.0/lib/htmlcn.js" defer></script> ``` If you do not want to publish to npm, tag a GitHub release and use jsDelivr's GitHub endpoint instead: ```html <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/maddada/htmlcn@0.1.0/lib/htmlcn.css"> <script src="https://cdn.jsdelivr.net/gh/maddada/htmlcn@0.1.0/lib/htmlcn.js" defer></script> ``` ## Local Skill Validation The `skills` CLI discovers skills from `skills/*/SKILL.md`, so this repository exposes one skill: ```text skills/htmlcn/SKILL.md ```

Chargement du README du dépôt…

Skills dans ce dépôt

Développeurs web

1 catégories métier · 100% classifié

skill

métier

description

mis à jour

htmlcn

Développeurs web

Build static shadcn-style prototypes using htmlcn plain HTML components. Use when creating or editing framework-free HTML UI examples with the htmlcn runtime.

Langue du texte source : anglais

2026-06-28

Affichage de 1 skills collectés sur 1.