qte77/implementing-typescript
plugins/typescript-dev/skills/implementing-typescript/SKILL.md
Implements concise, streamlined TypeScript/React code matching exact architect specifications. Use when writing TypeScript code, creating modules, or when the user asks to implement features in TypeScript/React.
$ install --global
skillsauthnpx skillsauth add qte77/claude-code-utils implementing-typescriptInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 18, 2026, 2:52 AM79.2s4 files scanned
SKILL.md
- name:
- implementing-typescript
- description:
- Implements concise, streamlined TypeScript/React code matching exact architect specifications. Use when writing TypeScript code, creating modules, or when the user asks to implement features in TypeScript/React.
- compatibility:
- Designed for Claude Code
- allowed-tools:
- Read, Grep, Glob, Edit, Write, Bash, WebSearch, WebFetch
- argument-hint:
- [feature-name]
- stability:
- stable
TypeScript Implementation
Target: $ARGUMENTS
Creates focused, streamlined TypeScript/React implementations following architect specifications exactly. No over-engineering.
TypeScript Standards
See references/typescript-best-practices.md for comprehensive TypeScript guidelines.
See references/react-best-practices.md for React patterns.
See references/vite-conventions.md for Vite project conventions.
Workflow
- Read architect specifications from provided documents
- Validate scope — Simple (single module) vs Complex (multi-module)
- Study existing patterns in
src/structure - Implement minimal solution matching stated functionality
- Create focused tests matching task complexity
- Run validation and fix all issues
Implementation Strategy
Simple Tasks: Single module, strict TypeScript, proper typing, inline exports
Complex Tasks: Multi-module with React components, async patterns, proper interfaces, custom hooks
Always: Use existing project patterns, pass validation
Output Standards
Simple Tasks: Minimal functions with proper type annotations and error handling Complex Tasks: Complete modules with interfaces, components, tests, and documentation All outputs: Concise, streamlined, no unnecessary complexity
Quality Checks
Before completing any task:
npx tsc --noEmit && npx vitest run && npx eslint .
All type checks, tests, and lints must pass.
Related Skills
qte77/researching-website-design
development
VerifiedTrustedCommunity
Analyzes industry websites for design patterns, layout, typography, and content strategies using first-principles thinking. Use when researching website design, UI patterns, or competitive design analysis.
1SKILL.mdUpdated Apr 19, 2026
qte77/auditing-website-usability
development
VerifiedTrustedCommunity
Audits website usability for UX optimization, covering forms, navigation, validation, and microcopy. Use when reviewing user experience, task completion flows, or interface friction points.
1SKILL.mdUpdated Apr 19, 2026
qte77/auditing-website-accessibility
development
VerifiedTrustedCommunity
Audits website accessibility for WCAG 2.1 AA compliance, generating findings and code fixes. Use when reviewing accessibility, keyboard navigation, screen reader compatibility, or inclusive design.
1SKILL.mdUpdated Apr 19, 2026
qte77/testing-typescript
development
VerifiedTrustedCommunity
Writes tests following TDD (using vitest and @testing-library/react) best practices. Use when writing unit tests, integration tests, or component tests in TypeScript.
1SKILL.mdUpdated Apr 19, 2026