web-coding-workflow

Guides web feature implementation through reuse-first research, security review, and structured testing.

Updated Mar 22, 2026
One-click install
npx skills add https://github.com/TECH-HY/SKILLS --skill web-coding-workflow-tech-hy
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-coding-workflow
Source: https://github.com/TECH-HY/SKILLS/tree/main/skills/web-coding-workflow
Command: npx skills add https://github.com/TECH-HY/SKILLS --skill web-coding-workflow-tech-hy

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Web development tasks often result in reinvented wheels, unvetted dependencies, and security gaps discovered too late. This Skill enforces a disciplined workflow that prioritizes evaluating existing solutions before writing code and embeds security checks at every stage of feature development. ## Core Features & Use Cases - Reuse-First Research: Systematically searches official docs, GitHub/GitLab, and package managers, then evaluates 2-5 candidate libraries on maintenance status, license, security policy, and stack compatibility. - Security-First Evaluation: Runs dependency CVE scans, static analysis, supply-chain assessment, and a lightweight STRIDE threat model before and during implementation. - Structured Delivery: Produces a design specification, secure-by-default implementation checklist (secrets management, input validation, CSP, rate limiting), mandatory test coverage, and a nine-section final report including residual risks and licensing. - Use Case: When asked to "implement user authentication" or "choose a library for file uploads", the Skill walks through candidate comparison, threat modeling, secure implementation, and delivers a documented report with residual risk analysis. ## Quick Start Ask the agent to implement a new web feature or evaluate a library using the reuse-first and security-first workflow, providing your tech stack and constraints.

Frequently Asked Questions about web-coding-workflow

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

FAQPage Schema
How do I choose a library for a web development feature?

Follow the reuse-first research step: search official docs, GitHub, and package managers, then shortlist 2-5 candidates. Evaluate each on maintenance status, license, security policy, CVE history, and stack compatibility before prototyping the top options.

How to run a security review before implementing a web feature?

Perform dependency CVE scans, static analysis for dangerous patterns, and supply-chain checks on maintainer reputation and release integrity. Then build a lightweight STRIDE threat model covering spoofing, tampering, information disclosure, and privilege escalation.

When is custom implementation allowed instead of reusing a library?

Custom code is justified only when no suitable existing solution exists, security issues in candidates cannot be mitigated, or integration cost exceeds development cost. The decision must be documented with a comparison matrix.

What security checks are mandatory before deploying web code?

Required checks include SAST, dependency vulnerability scanning, configuration audit, authentication and input validation tests, and log inspection to confirm no secrets or PII are logged. Production TLS, CORS, cookies, and security headers must also be verified.

Does this workflow work with any web framework or language?

Yes, the workflow is framework-agnostic and applies to any stack using package managers like npm, pip, or cargo. You provide the language, framework, and environment as required input, and the evaluation criteria adapt accordingly.