skills.rest
salverius-tech
salverius-techCOMMUNITY
Explore all skills by this author →
GitHub

web-projects

Identify JavaScript/TypeScript project types and dependencies from configuration files.

Updated Apr 11, 2023
Search Tags:#typescript#web development#frontend#react#npm#frameworks#javascript
One-click install
npx skills add https://github.com/salverius-tech/dotfiles --skill web-projects-salverius-tech
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-projects
Source: https://github.com/salverius-tech/dotfiles/tree/main/home/dot_claude/skills/web-projects
Command: npx skills add https://github.com/salverius-tech/dotfiles --skill web-projects-salverius-tech

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a structured approach to managing and developing modern JavaScript/TypeScript web projects, ensuring consistency and adherence to best practices across various frameworks.

Core Features & Use Cases

  • Project Structure Recognition: Automatically identifies project type and dependencies based on configuration files and lock files.
  • Development Workflow Guidance: Provides commands and best practices for common package managers (npm, yarn, pnpm) and build scripts.
  • Code Pattern Adherence: Guides users on maintaining consistent component structures, testing setups, and styling approaches.
  • Use Case: When starting a new React project or joining an existing Vue project, this Skill helps you quickly understand the project's setup, dependencies, and common development commands.

Quick Start

Use the web-projects skill to install dependencies for the current project using npm.

Frequently Asked Questions about web-projects

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What are the best practices for structuring a modern JavaScript or TypeScript web project?▼

Yes, this workflow guidance applies to modern frontend frameworks including React, Next.js, Vue, Angular, and Svelte. It provides standardized development commands and code pattern adherence tailored to each framework's specific configuration files and build tool setups.

How do I manage dependencies and build scripts when switching between npm, yarn, and pnpm?▼

You can manage dependencies by recognizing the project type through its lock files and configuration. The workflow provides targeted commands and best practices for npm, yarn, and pnpm, ensuring correct dependency installation and build script execution for your specific environment.

How do I establish a consistent development workflow for an existing React or Vue project?▼

To establish a consistent workflow for existing React or Vue projects, identify the project setup using its configuration files. Apply guidelines for component structures, testing setups, and styling approaches to align the codebase with standard development workflows and common build commands.

Does this web development workflow support both JavaScript and TypeScript projects?▼

Yes, this web development workflow supports both JavaScript and TypeScript projects. It provides guidelines for modern web development that ensure adherence to project structure, code patterns, and common configuration files across both language environments.

Related Skills

Explore More Software Engineering Skills→
camoneartcamoneart
5

Enforcing pnpm

Enforce pnpm as the exclusive package manager and convert npm/yarn commands.

Community
Basic
tech-with-sethtech-with-seth
4

create-unit-test

Create Vitest unit tests co-located with source files using project templates.

Official
Intermediate
RelicWare-CoRelicWare-Co

ultracite

Automate linting and formatting setup for JavaScript and TypeScript projects.

Official
Basic
bughqbughq
2

stacks-build

Automate Stacks framework compilation and packaging with Bun and Vite.

Official
Advanced