{"id":48582539,"url":"https://github.com/zircote/html-css-lsp","last_synced_at":"2026-04-08T17:34:16.681Z","repository":{"id":332147726,"uuid":"1126933863","full_name":"zircote/html-css-lsp","owner":"zircote","description":"Claude Code plugin for HTML/CSS development with vscode-html-languageserver and stylelint","archived":false,"fork":false,"pushed_at":"2026-02-28T01:36:31.000Z","size":19,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-02-28T03:44:05.021Z","etag":null,"topics":["claude-code-plugin","code-quality","css","frontend","html","lsp","web"],"latest_commit_sha":null,"homepage":null,"language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zircote.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"github":"zircote"}},"created_at":"2026-01-02T21:04:23.000Z","updated_at":"2026-02-28T01:36:29.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/zircote/html-css-lsp","commit_stats":null,"previous_names":["zircote/html-css-lsp"],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/zircote/html-css-lsp","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zircote%2Fhtml-css-lsp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zircote%2Fhtml-css-lsp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zircote%2Fhtml-css-lsp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zircote%2Fhtml-css-lsp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zircote","download_url":"https://codeload.github.com/zircote/html-css-lsp/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zircote%2Fhtml-css-lsp/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31567056,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-08T14:31:17.711Z","status":"ssl_error","status_checked_at":"2026-04-08T14:31:17.202Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["claude-code-plugin","code-quality","css","frontend","html","lsp","web"],"created_at":"2026-04-08T17:34:15.603Z","updated_at":"2026-04-08T17:34:16.652Z","avatar_url":"https://github.com/zircote.png","language":"CSS","readme":"# html-css-lsp\n\n[![Version](https://img.shields.io/badge/version-0.1.0-blue.svg)](CHANGELOG.md)\n[![License](https://img.shields.io/badge/license-MIT-green.svg)](LICENSE)\n[![Claude Plugin](https://img.shields.io/badge/claude-plugin-orange.svg)](https://docs.anthropic.com/en/docs/claude-code/plugins)\n[![Marketplace](https://img.shields.io/badge/marketplace-zircote--lsp-purple.svg)](https://github.com/zircote/lsp-marketplace)\n[![HTML5](https://img.shields.io/badge/HTML5-E34F26?logo=html5\u0026logoColor=white)](https://developer.mozilla.org/en-US/docs/Web/HTML)\n[![CSS3](https://img.shields.io/badge/CSS3-1572B6?logo=css3\u0026logoColor=white)](https://developer.mozilla.org/en-US/docs/Web/CSS)\n\nA Claude Code plugin providing comprehensive HTML/CSS development support through:\n\n- **vscode-html-language-server** and **vscode-css-language-server** LSP integration for IDE-like features\n- **Automated hooks** for formatting, linting, and validation\n- **Web ecosystem** integration (Prettier, stylelint)\n\n## Quick Setup\n\n```bash\n# Run the setup command (after installing the plugin)\n/setup\n```\n\nOr manually:\n\n```bash\n# Install HTML/CSS language servers\nnpm install -g vscode-langservers-extracted\n\n# Install development tools\nnpm install -g prettier stylelint stylelint-config-standard\n```\n\n## Features\n\n### LSP Integration\n\nThe plugin configures both HTML and CSS language servers for Claude Code via `.lsp.json`:\n\n```json\n{\n    \"html\": {\n        \"command\": \"vscode-html-language-server\",\n        \"args\": [\"--stdio\"],\n        \"extensionToLanguage\": {\n            \".html\": \"html\",\n            \".htm\": \"html\"\n        },\n        \"transport\": \"stdio\"\n    },\n    \"css\": {\n        \"command\": \"vscode-css-language-server\",\n        \"args\": [\"--stdio\"],\n        \"extensionToLanguage\": {\n            \".css\": \"css\",\n            \".scss\": \"scss\",\n            \".less\": \"less\"\n        },\n        \"transport\": \"stdio\"\n    }\n}\n```\n\n**HTML Capabilities:**\n- Tag completion and validation\n- Hover documentation\n- HTML5 syntax checking\n- Emmet abbreviations\n- Auto-closing tags\n- Real-time diagnostics\n\n**CSS Capabilities:**\n- Property completion\n- Color previews\n- CSS validation\n- SCSS/LESS support\n- Vendor prefix suggestions\n- Real-time diagnostics\n\n### Automated Hooks\n\nAll hooks run `afterWrite` and are configured in `hooks/hooks.json`.\n\n#### HTML Hooks\n\n| Hook | Trigger | Description |\n|------|---------|-------------|\n| `html-format-on-edit` | `**/*.html,htm` | Auto-format with Prettier |\n| `html-validate` | `**/*.html,htm` | HTML5 validation |\n| `html-todo-fixme` | `**/*.html,htm` | Surface TODO/FIXME comments |\n\n#### CSS Hooks\n\n| Hook | Trigger | Description |\n|------|---------|-------------|\n| `css-format-on-edit` | `**/*.css,scss,less` | Auto-format with Prettier |\n| `css-lint` | `**/*.css,scss,less` | Lint with stylelint |\n| `css-validate` | `**/*.css` | CSS syntax validation |\n\n## Required Tools\n\n### Core\n\n| Tool | Installation | Purpose |\n|------|--------------|---------|\n| `vscode-html-language-server` | `npm install -g vscode-langservers-extracted` | HTML LSP server |\n| `vscode-css-language-server` | `npm install -g vscode-langservers-extracted` | CSS LSP server |\n\n### Recommended\n\n| Tool | Installation | Purpose |\n|------|--------------|---------|\n| `prettier` | `npm install -g prettier` | Formatting |\n| `stylelint` | `npm install -g stylelint` | CSS linting |\n| `stylelint-config-standard` | `npm install -g stylelint-config-standard` | Standard CSS rules |\n\n## Project Structure\n\n```\nhtml-css-lsp/\n├── .claude-plugin/\n│   └── plugin.json           # Plugin metadata\n├── .lsp.json                  # HTML/CSS LSP configuration\n├── commands/\n│   └── setup.md              # /setup command\n├── hooks/\n│   ├── hooks.json            # Hook definitions\n│   └── scripts/\n│       └── html-css-hooks.sh\n├── tests/\n│   ├── sample.html           # Sample HTML file\n│   └── sample.css            # Sample CSS file\n├── CLAUDE.md                  # Project instructions\n└── README.md                  # This file\n```\n\n## Troubleshooting\n\n### Language servers not starting\n\n1. Verify installation: `vscode-html-language-server --version`\n2. Check LSP config: `cat .lsp.json`\n3. Ensure Node.js is installed: `node --version`\n\n### Formatting not working\n\n1. Check Prettier installation: `prettier --version`\n2. Create `.prettierrc` in project root if needed\n\n### Stylelint not working\n\n1. Check stylelint installation: `stylelint --version`\n2. Create `.stylelintrc.json` in project root:\n\n```json\n{\n  \"extends\": \"stylelint-config-standard\"\n}\n```\n\n## License\n\nMIT\n","funding_links":["https://github.com/sponsors/zircote"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzircote%2Fhtml-css-lsp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzircote%2Fhtml-css-lsp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzircote%2Fhtml-css-lsp/lists"}