maddada/htmlcn

Última atividade de origem registrada: 28 de junho de 2026 às 21:22

Catálogo do SkillsMP atualizado: 12 de novembro de 2026 às 12:52

skills coletadas: 1

Estrelas no GitHub: 0
Forks no GitHub: 0

Instalar com um assistente de IA

Copie este prompt para o assistente de IA que você usa.

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

README do repositório

Arquivo de origem do README: README.md

Ler o README original

Expandir README completo

# 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 ```

Carregando o README do repositório…

Skills neste repositório

Desenvolvedores web

1 categorias ocupacionais · 100% classificado

skill

ocupação

descrição

atualizado

htmlcn

Desenvolvedores 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.

Idioma do texto original: inglês

2026-06-28

Mostrando 1 de 1 skills coletadas.