askill
wpank

wpank

Publisher on askill

84 total stars
Skills28
Updated 2/10/2026
GitHub
react-best-practices
react-best-practices
wpank2/10/2026

React and Next.js performance optimization guidelines from Vercel Engineering. 57 rules across 8 categories for writing, reviewing, and refactoring React code.

3
AI 95
context-driven-development
context-driven-development
wpank2/10/2026

Treat project context as a managed artifact alongside code. Use structured context documents (product.md, tech-stack.md, workflow.md) to enable consistent AI interactions and team alignment. Essential...

3
AI 92
production-readiness
production-readiness
wpank2/10/2026

Meta-skill that orchestrates logging, monitoring, error handling, performance, security, deployment, and testing skills to ensure a service is fully production-ready before launch. Use before first de...

3
AI 92
project-documentation
project-documentation
wpank2/10/2026

Complete workflow for project documentation including ADRs, PRDs, personas, and docs organization. Use when setting up documentation for a new project or improving existing docs. Triggers on project d...

3
AI 91
workflow-patterns
workflow-patterns
wpank2/10/2026

Systematic task implementation using TDD, phase checkpoints, and structured commits. Ensures quality through red-green-refactor cycles, 80% coverage gates, and verification protocols before proceeding...

3
AI 91
auto-context
auto-context
wpank2/10/2026

Automatically read relevant context before major actions. Loads TODO.md, roadmap.md, handoffs, task plans, and other project context files so the AI operates with full situational awareness. Use when...

3
AI 90
mermaid-diagrams
mermaid-diagrams
wpank2/10/2026

Create software diagrams using Mermaid syntax. Use when users need to create, visualize, or document software through diagrams including class diagrams, sequence diagrams, flowcharts, ERDs, C4 archite...

3
AI 90
release-skills
release-skills
wpank2/10/2026

WHAT: Universal release workflow with auto-detection, multi-language changelogs, semantic versioning, and git tagging. WHEN: User wants to create a release, bump version, update changelog, push a new...

3
AI 87
session-handoff
session-handoff
wpank2/10/2026

WHAT: Create comprehensive handoff documents that enable fresh AI agents to seamlessly continue work with zero ambiguity. Solves long-running agent context exhaustion problem. WHEN: (1) User requests...

3
AI 86
game-changing-features
game-changing-features
wpank2/10/2026

Find 10x product opportunities and high-leverage improvements. Use when the user wants strategic product thinking, mentions 10x, wants to find high-impact features, or asks what would make a product d...

3
AI 85
reducing-entropy
reducing-entropy
wpank2/10/2026

Minimize total codebase size through ruthless simplification. Measure success by final code amount, not effort. Bias toward deletion.

3
AI 83
theme-factory
theme-factory
wpank2/10/2026

Curated collection of professional color and typography themes for styling artifacts — slides, docs, reports, landing pages. Use when applying visual themes to presentations, generating themed content...

3
AI 82
expo-native-ui
expo-native-ui
wpank2/10/2026

Build beautiful native iOS/Android apps with Expo Router. Covers route structure, native tabs, animations, blur effects, liquid glass, SF Symbols, and platform patterns.

3
AI 80
ai-chat-application
ai-chat-application
wpank2/10/2026

Complete guide to building AI chat applications with Vercel AI SDK. Orchestrates streaming routes, useChat integration, tool architecture, message handling, and UX patterns. Use when building producti...

3
AI 78
subagent-driven-development
subagent-driven-development
wpank2/10/2026

Execute implementation plans by dispatching a fresh subagent per task with two-stage review (spec compliance then code quality). Use when you have an implementation plan with mostly independent tasks...

3
realtime-react-hooks
realtime-react-hooks
wpank2/10/2026

React hooks for real-time data with SSE, WebSocket, and SWR integration. Covers connection management, reconnection logic, and optimistic updates. Use when building React apps with real-time features....

3
react-composition
react-composition
wpank2/10/2026

React composition patterns for scalable component architecture. Use when refactoring components with boolean prop proliferation, building flexible component libraries, designing reusable component API...

3
schema-markup
schema-markup
wpank2/10/2026

Add, fix, or optimize schema markup and structured data. Use when the user mentions schema markup, structured data, JSON-LD, rich snippets, schema.org, FAQ schema, product schema, review schema, or br...

3

Showing 18 of 28