Development

Capture screenshots and run E2E tests with Playwright. Use for frontend debugging, visual inspection, or user flow validation. (project)

Navigation and routing patterns for React web applications. Use when implementing React Router, Next.js routing, deep links, or handling navigation state.

파싱된 리서치 데이터를 기반으로 TypeScript 테스트 데이터 파일 생성. 새 테스트 추가, subjects/*.ts 파일 생성 시 사용.

Use this skill when you need to code with tailwind css

Creates comprehensive tutorials to teach users any skill from the skills library. Use when users want to learn a skill, need a tutorial, ask for guidance on using a skill, or want to apply a skill to their project. Guides users from understanding to practical implementation through hands-on exercises.

Validates PopKit code quality using concrete metrics for DRY, coupling, cohesion, and architectural patterns

Create professional diagrams using Mermaid or DOT/Graphviz. Mermaid for flowcharts, sequences, classes, ER, Gantt, architecture with semantic coloring and WCAG AA accessibility. DOT/Graphviz for pure network graphs, semantic webs, and maximum layout control.

Pulumi infrastructure as code using Python with Pulumi Cloud and ESC integration. Use when working with Pulumi Python projects, ESC environments, dynamic secrets, OIDC credentials, or infrastructure automation with Python.

Solve complex multi-constraint problems through systematic web search using multiple engines with adaptive strategies.

Review code for best practices and potential issues. Use when reviewing code, checking PRs, or analyzing code quality.

Use when implementing QR code scanning - provides complete patterns for camera-based scanning, classifying scanned content (Bitcoin addresses, Lightning invoices, npubs, Cashu tokens), handling camera permissions, and paste from clipboard functionality

Design robust, scalable backend architectures that complement Design OS frontend components. Use this skill when planning APIs, database schemas, and server-side logic for products designed in Design OS.

Generate responsive HTML/CSS/JS web content with interactive elements, quizzes, navigation, and accessibility for self-paced or blended learning. Use when creating web content, interactive lessons, or online materials. Activates on "create website", "web content", "interactive web", or "HTML export".

Rust project organization and structure. Use when creating new projects, organizing modules, setting up workspaces, configuring Cargo.toml, or migrating between editions.

Discover all resources in your Amplify sandbox (DynamoDB tables, Lambda functions, data models, auth config) by reading amplify_outputs.json and querying AppSync.

Use this skill to query your Google NotebookLM notebooks directly from Claude Code for source-grounded, citation-backed answers from Gemini. Browser automation, library management, persistent auth. Drastically reduced hallucinations through document-only responses. This is a test.

Service 层架构与前后端联调规范。Use when creating API services, writing Service classes, or handling backend integration. Triggers on: creating services, API calls, BaseService pattern, rewrites configuration, error handling.

ZapSign electronic signature API via curl. Use this skill to create documents for signature, manage signers, and track signing status.

Create distinctive, production-grade frontend interfaces with high design quality. Use when users ask to build web components, pages, or applications.

Prevents generic AI-generated designs by guiding typography, color, motion, and background choices. Use when creating frontend designs, landing pages, dashboards, or any UI/UX work. Helps avoid the "AI slop" aesthetic.