Global Tech Stack
Standards for this static HTML/CSS/JavaScript project. Use this skill when working with vanilla JavaScript modules, HTML templates, CSS stylesheets, Node.js tooling scripts, or package.json configuration. Apply when editing .html files, .js files in js/ directory, css/styles.css, package.json scripts, or configuring Prettier/Lighthouse/markdownlint tooling.
Security Assessment
About Global Tech Stack
The Global Tech Stack skill provides a structured approach for managing and maintaining standards in static web development projects that use HTML, CSS, and vanilla JavaScript. It helps developers ensure consistency across files, modules, and tooling configurations, reducing errors and improving maintainability. By following this skill, users can streamline workflows related to Node.js tooling, package.json scripts, and pre-commit hooks, ensuring that project structure, style, and scripts adhere to established best practices.
This skill encompasses several core capabilities, including guidance for editing HTML templates, managing JavaScript modules in the js/ directory, and updating CSS in the primary stylesheet. It also supports configuration of development tools such as Prettier, Lighthouse, and markdownlint-cli2, as well as lint-staged and Husky pre-commit hooks within package.json. Additionally, it addresses working with JSON data files and static deployment configurations, providing comprehensive guidance for maintaining a coherent and standardized tech stack across the project.
Typical use cases include editing and structuring front-end code, configuring development workflows, and maintaining consistent coding standards. Target users are front-end developers, Node.js engineers, and any contributors to static web projects who need to follow strict style and configuration guidelines. This skill is particularly useful for teams looking to enforce consistency, improve collaboration, and simplify the management of multiple files and modules within a project.
FAQ
When should I use the Global Tech Stack skill?
Use this skill when working with HTML files, vanilla JavaScript modules, CSS stylesheets, Node.js tooling scripts, package.json configurations, or when setting up pre-commit hooks and linting tools.
Is this skill compatible with frameworks like React or Vue?
No, this skill is specifically designed for vanilla JavaScript, HTML, and CSS projects and does not cover framework-specific workflows.
Can I use this skill for server-side Node.js projects?
This skill is primarily intended for front-end static projects and Node.js tooling related to development tasks, not full server-side applications.
Are there any prerequisites for using this skill?
Users should have familiarity with HTML, CSS, vanilla JavaScript, and basic Node.js tooling such as Prettier, Lighthouse, and package.json scripts.
Does this skill include automated enforcement of standards?
No, it provides guidelines and configuration advice, but enforcement depends on the developer following the standards and using appropriate tooling like linters and pre-commit hooks.
Install Global Tech Stack
Quick Setup:
- Copy the skill folder to
.claude/skills/ - Claude will automatically detect and use the skill
Repository
adigunners/adigunners.github.io