Frontend

TypeScript strict mode configuration for 2025. Recommended tsconfig.json settings,strict flags explained, moduleResolution strategies (Bundler vs NodeNext),verbatimModuleSyntax, noUncheckedIndexedAccess. Use when setting up TypeScript projectsor migrating to stricter type safety.

Create Claude Code hooks for static analysis and code quality. Provides pre-built linting, formatting, and type-checking hooks. Use when setting up project quality gates, enforcing code standards, or adding pre-commit style checks.

Integration guide for SawyerHood/dev-browser, a Claude Code plugin for browser automation. This skill enables agents to research, test web UIs, and interact with web applications using a headless browser.

CSS custom property architecture, theme systems, design token organization, and component library integration. Use when implementing design systems, theme switching, dark mode, or when the user mentions tokens, CSS variables, theming, or design system setup.

Design and implement React Server Components with Next.js 15 App Router. Master server-first architecture, streaming SSR, Server Actions, and modern data fetching patterns for 2025+ frontend development.

Comprehensive testing workflow that should be used proactively after ANY code changes. Covers immediate testing, recursive package validation with `...`, target determination for affected packages, and reverse dependency testing. Use this skill after modifying BUILD files, changing code, fixing tests, or before committing to ensure nothing breaks downstream. (project)

Develop, test, and document the PikaCSS monorepo (core engine, unplugin adapters, Vite/Nuxt plugins, docs site) using pnpm-based workflows.

HODD-RUST: Validation-first Rust development. Strictly validation-first before-and-after(-and-while) planning and execution. Merges Type-driven + Spec-first + Proof-driven + Design-by-contracts. Use for Rust projects requiring formal verification, safety proofs, comprehensive validation, or when working with unsafe code, concurrency, or FFI boundaries. This skill provides both reference documentation AND execution capabilities for the full PLAN -> CREATE -> VERIFY -> REMEDIATE workflow.

Modern Node.js development with Bun, Vite, Vue 3, Pinia, and TypeScript. CoversJavaScript/TypeScript projects, high-performance tooling, and modern frameworks.Use when user mentions Node.js, Bun, Vite, Vue, Pinia, npm, pnpm, JavaScript runtime,or building frontend/backend JS applications.

This skill provides comprehensive guidance for setting up and configuring test environments for VS Code extension projects. Use when initializing a new test infrastructure, configuring test runners (Mocha, Jest), setting up CI/CD test pipelines, integrating coverage tools (c8, nyc), or troubleshooting test configuration issues.

Optimizes prompts for LLMs and AI systems. Expert in crafting effective prompts for Claude 4.5, Gemini 3.0, GPT 5.1, and other frontier models. Use when building AI features, improving agent performance, or crafting system prompts.

This skill should be used when determining which Buck2 targets are affected by code changes for incremental builds and tests. Use this when users ask to test/build changed code, find affected targets, or run incremental workflows with jj revisions.

Create Claude Code rule files for .claude/rules/. Writes conventions and shared guidelines that auto-inject into context. Use for path-specific coding conventions or shared project guidelines. NOT for constitution/laws (use <law> in CLAUDE.md instead).

Automatic selection of appropriate test tiers based on change scope. Guides unit tests for small changes, full suite for larger changes. Use when running tests, discussing testing strategy, or after code modifications.

Convenience wrapper for listing Terraform Cloud runs in Forum Virium Helsinkiworkspaces (github, sentry, gcp, onelogin, twingate). Requires TFE_TOKEN.Use when user mentions TFC runs, Terraform Cloud workspace, listing TFC runs,infrastructure run history, or checking Terraform Cloud status.

Knip finds unused files, dependencies, exports, and types in JavaScript/TypeScript projects.Plugin system for frameworks (React, Next.js, Vite), test runners (Vitest, Jest), and build tools.Use when cleaning up codebases, optimizing bundle size, or enforcing strict dependency hygiene in CI.

Svelte 5 error handling. Use for error boundaries, async await expressions, loading states, and form errors.

Create new Claude Code skills with proper SKILL.md format, frontmatter, and best practices. Use when building, scaffolding, or generating a new skill for Claude Code.

Track complex, multi-session work with dependency graphs using bd (beads) issue tracker. Use when work spans multiple sessions, has complex dependencies, or requires persistent context across compaction cycles. For simple single-session linear tasks, TodoWrite remains appropriate.

Validate a connector by running the test suite, diagnosing failures, and applying fixes until all tests pass.