TypeScript

Skills related to TypeScript typing, tooling, and development workflows.

156 skills
A
repo-scan

bởi affaan-m

repo-scan là một skill kiểm tra source đa nền tảng, có khả năng phân loại file, phát hiện thư viện bên thứ ba được nhúng, và giúp bạn đánh giá phần nào là lõi, phần nào bị lặp, hoặc chỉ là gánh nặng dư thừa. Skill này hữu ích cho repo-scan trong Code Review, di chuyển hệ thống legacy, và lập kế hoạch refactor. Xem hướng dẫn cài đặt repo-scan và cách dùng repo-scan ngay trong skill.

Code Review
Yêu thích 0GitHub 156.2k
A
plankton-code-quality

bởi affaan-m

plankton-code-quality là hệ thống chất lượng mã nguồn ngay lúc ghi cho Claude Code. Nó định dạng, lint và có thể kích hoạt các bản sửa do Claude hỗ trợ sau mỗi lần chỉnh sửa file, giúp phát hiện lỗi ngay trong lúc đang edit thay vì đợi đến sau khi commit hoặc chạy CI. Rất phù hợp cho skill plankton-code-quality, guide và các workflow Code Editing.

Code Editing
Yêu thích 0GitHub 156.2k
A
nuxt4-patterns

bởi affaan-m

nuxt4-patterns là một skill cho Nuxt 4 về an toàn hydration, route rules, lazy loading và truy vấn dữ liệu an toàn với SSR. Dùng skill nuxt4-patterns để đưa ra quyết định tốt hơn trong Frontend Development, giảm lỗi lệch render và áp dụng đúng pattern cho từng trang hoặc component.

Frontend Development
Yêu thích 0GitHub 156.2k
A
nodejs-keccak256

bởi affaan-m

Skill nodejs-keccak256 giúp bạn tránh một lỗi Ethereum rất phổ biến trong JavaScript và TypeScript: dùng sha3-256 của Node khi thực ra cần Keccak-256. Skill này hữu ích cho phát triển backend, selector, event topic, chữ ký, storage slot và suy ra địa chỉ, kèm hướng dẫn sử dụng nodejs-keccak256 thực tế.

Backend Development
Yêu thích 0GitHub 156.2k
A
nextjs-turbopack

bởi affaan-m

Kỹ năng nextjs-turbopack giúp bạn dùng Turbopack trong Next.js 16+ để phát triển cục bộ nhanh hơn, HMR mượt hơn và đưa ra quyết định đúng về bundler. Hãy xem đây như một hướng dẫn thực hành về nextjs-turbopack cho việc cài đặt, sử dụng, và khi nào nên chuyển lại sang webpack trong quy trình Frontend Development.

Frontend Development
Yêu thích 0GitHub 156.2k
A
nestjs-patterns

bởi affaan-m

nestjs-patterns là một skill kiến trúc NestJS thực dụng dành cho việc xây dựng backend TypeScript theo mô-đun, sẵn sàng cho môi trường production. Skill này hướng dẫn cách tổ chức module, ranh giới giữa controller và service, xác thực DTO, guards, interceptors, config, testing, và cách sắp xếp code đúng để duy trì Backend Development lâu dài.

Backend Development
Yêu thích 0GitHub 156.2k
A
mcp-server-patterns

bởi affaan-m

mcp-server-patterns là một hướng dẫn thực tiễn về phát triển MCP Server với Node/TypeScript SDK. Tìm hiểu khi nào nên dùng tools, resources, prompts, Zod validation, cùng stdio so với Streamable HTTP, kèm ghi chú API mới nhất để triển khai và gỡ lỗi an toàn hơn.

MCP Server Development
Yêu thích 0GitHub 156.2k
A
frontend-patterns

bởi affaan-m

frontend-patterns là một skill thực dụng dành cho phát triển frontend với React và Next.js, giúp bạn chọn các pattern dễ bảo trì cho component, state, form, routing, accessibility và hiệu năng. Hãy dùng hướng dẫn frontend-patterns khi bạn cần chỉ dẫn triển khai rõ ràng và cách chọn pattern, chứ không chỉ những best practice chung chung.

Frontend Development
Yêu thích 0GitHub 156.1k
A
evm-token-decimals

bởi affaan-m

evm-token-decimals giúp ngăn lỗi lệch số thập phân âm thầm trên các chain EVM. Dùng khi cần tra cứu decimals lúc runtime, cache theo từng chain, xử lý sai lệch độ chính xác của token cầu nối, và chuẩn hóa an toàn cho backend, bot, dashboard, cũng như các công cụ DeFi.

Backend Development
Yêu thích 0GitHub 156.1k
A
e2e-testing

bởi affaan-m

Skill e2e-testing là một hướng dẫn tập trung vào Playwright để xây dựng kiểm thử end-to-end ổn định, với các mẫu về tổ chức file, sử dụng Page Object Model, cấu hình, sẵn sàng cho CI, gỡ lỗi artifact và xử lý test flaky.

Test Automation
Yêu thích 0GitHub 156.1k
A
coding-standards

bởi affaan-m

Skill coding-standards cung cấp một nền tảng chung về đặt tên, khả năng đọc, tính bất biến, tính nhất quán và review code giữa các dự án, trước khi áp dụng các quy tắc riêng theo framework.

Code Review
Yêu thích 0GitHub 156.1k
A
claude-api

bởi affaan-m

claude-api hỗ trợ các mẫu triển khai Anthropic Claude API cho Python và TypeScript, gồm cài đặt, messages, streaming, dùng tool, vision, batches, prompt caching, chọn model và quy trình Claude Agent SDK.

API Development
Yêu thích 0GitHub 156.1k
A
bun-runtime

bởi affaan-m

Skill bun-runtime giúp bạn chọn Bun cho các dự án JavaScript hoặc TypeScript mới, chuyển từ Node, viết script, chạy test và thiết lập với Vercel. Nội dung bao gồm cách dùng bun-runtime, hướng dẫn cài đặt, so sánh Bun với Node và các quy trình làm việc thực tế cho phát triển frontend lẫn full-stack.

Frontend Development
Yêu thích 0GitHub 156.1k
A
agentic-engineering

bởi affaan-m

Tìm hiểu skill agentic-engineering để thực thi theo hướng eval-first, chia nhỏ tác vụ, định tuyến mô hình, và tự động hóa quy trình an toàn hơn với các kiểm tra hồi quy.

Workflow Automation
Yêu thích 0GitHub 156k
A
mcp-builder

bởi anthropics

mcp-builder là hướng dẫn thực tiễn để lên kế hoạch, xây dựng và đánh giá MCP server cho API và dịch vụ bên ngoài. Nội dung giúp nhà phát triển chọn phạm vi tool, cách đặt tên, transport, mẫu triển khai với Python hoặc Node và quy trình đánh giá để agent dùng server ổn định, tin cậy.

MCP Server Development
Yêu thích 0GitHub 105k
A
claude-api

bởi anthropics

claude-api là kỹ năng thực tiễn để cài đặt và sử dụng Claude API cùng các Anthropic SDK. Nội dung giúp lập trình viên chọn đúng SDK hoặc dùng HTTP thô, tìm tài liệu theo ngôn ngữ, và triển khai streaming, tool use, files, batches cùng xử lý lỗi với ít phỏng đoán hơn.

API Development
Yêu thích 0GitHub 105k
S
fullstack-developer

bởi Shubhamsaboo

fullstack-developer là một gói prompt tái sử dụng cho công việc web app JavaScript và TypeScript hiện đại, bao quát React, Next.js, Node.js, API, cơ sở dữ liệu, auth và triển khai. Skill này phù hợp nhất cho việc lập kế hoạch và triển khai nhiều lớp, với một file `SKILL.md` duy nhất dùng để xác định phạm vi và quy trình làm việc thay vì cung cấp script hay template.

Full-Stack Development
Yêu thích 0GitHub 104.2k
G
browse

bởi garrytan

browse là một kỹ năng trình duyệt headless nhanh, phù hợp cho QA, dogfooding và tự động hóa trình duyệt. Dùng nó để mở trang, tương tác với phần tử, xác minh trạng thái, so sánh trước và sau thao tác, chụp ảnh màn hình, và kiểm tra bố cục responsive, biểu mẫu, tải tệp, hộp thoại, cũng như trạng thái của phần tử. Hãy cài browse khi bạn cần bằng chứng từ trình duyệt thay vì một prompt chung chung.

Browser Automation
Yêu thích 0GitHub 91.8k
M
setup-pre-commit

bởi mattpocock

setup-pre-commit giúp bạn thêm Husky pre-commit hooks cùng lint-staged, Prettier và tùy chọn chạy typecheck/test. Hãy dùng hướng dẫn setup-pre-commit này khi repo của bạn cần một lớp bảo vệ pre-commit nhanh, có thể lặp lại, và bạn muốn giữ nguyên cấu hình hiện có trong khi thêm đúng các script cho trình quản lý gói đang dùng.

CI Troubleshooting
Yêu thích 0GitHub 66k
M
migrate-to-shoehorn

bởi mattpocock

migrate-to-shoehorn giúp bạn thay các ép kiểu `as` trong test TypeScript bằng @total-typescript/shoehorn để tạo fixture một phần an toàn hơn. Hãy dùng skill migrate-to-shoehorn này khi bạn cần dọn dẹp dữ liệu test dùng ép kiểu quá nhiều, làm theo hướng dẫn migrate-to-shoehorn, hoặc chuẩn hóa migrate-to-shoehorn cho Test Automation.

Test Automation
Yêu thích 0GitHub 66k
M
tdd

bởi mattpocock

tdd là một kỹ năng Test-Driven Development giúp xây dựng tính năng, sửa lỗi và viết bộ kiểm thử bền vững theo vòng lặp đỏ-xanh-tái cấu trúc. Kỹ năng này ưu tiên các kiểm thử tập trung vào hành vi qua giao diện công khai, chỉ mock ở ranh giới, cùng hướng dẫn thực tế cho tự động hóa kiểm thử, tái cấu trúc và thiết kế giao diện.

Test Automation
Yêu thích 0GitHub 66k
M
prototype

bởi mattpocock

prototype skill giúp bạn xây dựng mã dùng tạm để trả lời một câu hỏi cụ thể trước khi đầu tư vào một triển khai thật. Hãy dùng nó để kiểm tra logic, chuyển trạng thái, cấu trúc dữ liệu hoặc hướng UI bằng một prototype có thể chạy và bám theo quy ước của repo chủ. Đây là lựa chọn lý tưởng khi bạn cần một hướng dẫn prototype nhanh, không phải một tính năng hoàn chỉnh.

Prototypes
Yêu thích 0GitHub 66k
N
ckm:design-system

bởi nextlevelbuilder

ckm:design-system giúp bạn xây dựng token ba lớp, spec component, CSS variables, mapping Tailwind và slide thương hiệu nhất quán dựa trên token architecture rõ ràng.

Design Systems
Yêu thích 0GitHub 53.6k
W
design-system-patterns

bởi wshobson

design-system-patterns giúp các nhóm xây dựng nền tảng UI có khả năng mở rộng với cấu trúc token, kiến trúc theming và các mẫu API component tái sử dụng cho design system và thư viện component.

Design Systems
Yêu thích 0GitHub 32.6k