shipshitdev
- 300 skills
- 0 followers
- last month last updated
- ▌ React Patterns 3 · shipshitdev bundleModern React patterns and principles. Hooks, composition, performance, TypeScript best practices.
- ▌ Package Architect 3 · shipshitdev bundleDesign and maintain TypeScript packages in a monorepo, including exports and build configuration.
- ▌ Testing Expert 4 · shipshitdev bundleExpert in testing strategies for React, Next.js, and NestJS applications covering unit tests, integration tests, E2E tests, and testing best practices. Use when writing unit, integration, or E2E tests, testing React components, or testing API endpoints.
- ▌ React Hook Form 4 · shipshitdev bundleProvides 41 prioritized performance rules for React Hook Form across form configuration, field subscription, controlled components, validation, and field arrays. Invoke when writing or reviewing forms with useForm, useWatch, useController, or useFieldArray; integrating shadcn/MUI with Controller; or diagnosing unexpected re-renders in RHF-based forms. Covers client-side validation only — does not cover React Server Actions or useActionState.
- ▌ Security Expert 4 · shipshitdev bundleExpert in application security, OWASP Top 10, authentication, authorization, data protection, and security best practices for React, Next.js, and NestJS applications. Use when implementing authentication or authorization, reviewing code for vulnerabilities, handling sensitive data, or implementing encryption or hashing.
- ▌ Typescript Expert 4 · shipshitdev bundleResolves TypeScript and JavaScript problems across type-level programming, performance, monorepo management, migration, and modern tooling. Invoke when diagnosing "type instantiation excessively deep" errors, migrating JS to TS, configuring strict tsconfig, debugging module resolution, or choosing between Biome/ESLint/Turborepo/Nx.
- ▌ Typescript Refactor 3 · shipshitdev bundleTypeScript refactoring and modernization guidelines from a principal specialist perspective. This skill should be used when refactoring, reviewing, or modernizing TypeScript code to ensure type safety, compiler performance, and idiomatic patterns. Triggers on tasks involving TypeScript type architecture, narrowing, generics, error handling, or migration to modern TypeScript features.
- ▌ React Testing Library 3 · shipshitdev bundleReact Testing Library best practices for writing maintainable, user-centric tests. Use when writing, reviewing, or refactoring RTL tests. Triggers on test files, testing patterns, getBy/queryBy queries, userEvent, waitFor, and component testing.
- ▌ React Component Performance 4 · shipshitdev bundleDiagnose slow React components and suggest targeted performance fixes. Use when profiling or improving a slow React component, or reducing re-renders, list lag, or expensive render work.
- ▌ Tailwind 4 · shipshitdev bundleProvides Tailwind CSS v4 performance optimization and best practices guidelines. Triggers when writing, reviewing, or refactoring Tailwind CSS v4 code; when working with Tailwind configuration, @theme directive, utility classes, responsive design, dark mode, container queries, or CSS generation optimization.
- ▌
- ▌ Shadcn Setup 4 · shipshitdev bundleSets up shadcn/ui with Tailwind CSS v4 CSS-first configuration — installs packages, generates globals.css with @theme tokens, creates components.json, and adds the cn() utility. Use when starting a new Next.js or React project that needs a shadcn component library, or migrating from shadcn + Tailwind v3.
- ▌ React Refactor 4 · shipshitdev bundleArchitectural refactoring guide for React applications covering component architecture, state architecture, hook patterns, component decomposition, coupling and cohesion, data flow, and refactoring safety. Triggers when refactoring React codebases, reviewing PRs for architectural issues, decomposing oversized components, or improving module boundaries.
- ▌ Audit 4 · shipshitdev bundleRun technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns. Generates a scored report with P0-P3 severity ratings and actionable plan. Use when the user wants an accessibility check, performance audit, or technical quality review.
- ▌ Shape 3 · shipshitdev bundlePlan the UX and UI for a feature before writing code. Runs a structured discovery interview, then produces a design brief that guides implementation. Use during the planning phase to establish design direction, constraints, and strategy before any code is written.
- ▌ Layout 4 · shipshitdev bundleImprove layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy. Use when the user mentions layout feeling off, spacing issues, visual hierarchy, crowded UI, alignment problems, or wanting better composition.
- ▌ Polish 4 · shipshitdev bundlePerforms a final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping. Use when the user mentions polish, finishing touches, pre-launch review, something looks off, or wants to go from good to great.
- ▌ Shadcn 4 · shipshitdev bundleProvides shadcn/ui component library best practices and patterns. Triggers when writing, reviewing, or refactoring shadcn/ui components; when working with Radix primitives, Tailwind styling, React Hook Form validation, data tables, theming, or component composition patterns.
- ▌ Writing Prds 3 · shipshitdevUse when the user wants to draft, scope, or formalize a feature for shipcode — "write a PRD for X", "let's plan X", "scope this out", "what should X do", or when a GitHub issue body needs to be fleshed out before the pipeline plans it. Writes a PRD that maps cleanly onto shipcode's pipeline (objective / acceptanceCriteria / outOfScope / estimatedComplexity) so the planner agent can consume it without re-elicitation. Do NOT use for code edits, debugging, or PR reviews.
- ▌
- ▌ Plan Execution 2 · shipshitdevExecutor skill — implement an approved ShipCodePlan inside a git worktree
- ▌ Plan Generation 2 · shipshitdevPlanner skill — turn a user task into a precise, atomic, verifiable ShipCodePlan
- ▌ Plan Verification 2 · shipshitdevVerifier skill — confirm a diff matches the plan and satisfies acceptance criteria
- ▌ Adversarial Review 2 · shipshitdevReviewer skill — break confidence in a ShipCodePlan before it executes
- ▌ Plan Execution Tdd 2 · shipshitdevSupplementary TDD protocol injected into execution prompts when testCommand is configured
- ▌ MCP Builder 2 · shipshitdev bundleCreates MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Activates on: "build an MCP server", "create MCP tools", "integrate API via MCP", "write a FastMCP server", "add an MCP server to an agent", or any request to wrap an external API as LLM-callable tools in Python or Node/TypeScript.
- ▌ Bun Validator 3 · shipshitdev bundleValidate Bun workspace configuration and detect common monorepo issues. Ensures proper workspace setup, dependency catalogs, isolated installs, and Bun 1.3+ best practices. Use when setting up a Bun monorepo, before adding workspace dependencies, auditing an existing Bun workspace, or validating package.json in CI.
- ▌ Biome Validator 3 · shipshitdev bundleValidate Biome 2.3+ configuration and detect outdated patterns. Ensures proper schema version, domains, assists, and recommended rules. Use before any linting work or when auditing existing projects.
- ▌ Component Library 3 · shipshitdev bundleExpert React/Next.js component architect specializing in creating consistent, reusable, and maintainable components for monorepo projects. Use when creating or refactoring UI components, reviewing component architecture, or setting up shared component patterns in a monorepo.
- ▌ Prompt Engineering 3 · shipshitdev bundleExpert guide on prompt engineering patterns, best practices, and optimization techniques. Use when user wants to improve prompts, learn prompting strategies, debug agent behavior, or design content generation prompts.
- ▌ Tailwind Validator 3 · shipshitdev bundleValidate Tailwind CSS v4 configuration and detect/prevent Tailwind v3 patterns. Use this skill when setting up Tailwind, auditing CSS configuration, or when you suspect outdated Tailwind patterns are being used. Ensures CSS-first configuration with @theme blocks.
- ▌
- ▌ Audit 3 · shipshitdevRun technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns. Generates a scored report with P0-P3 severity ratings and actionable plan. Use when the user wants an accessibility check, performance audit, or technical quality review.
- ▌ Shape 2 · shipshitdevPlan the UX and UI for a feature before writing code. Runs a structured discovery interview, then produces a design brief that guides implementation. Use during the planning phase to establish design direction, constraints, and strategy before any code is written.
- ▌ Layout 3 · shipshitdevImprove layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy. Use when the user mentions layout feeling off, spacing issues, visual hierarchy, crowded UI, alignment problems, or wanting better composition.
- ▌ Polish 3 · shipshitdevPerforms a final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping. Use when the user mentions polish, finishing touches, pre-launch review, something looks off, or wants to go from good to great.
- ▌ Shadcn 3 · shipshitdev bundleshadcn/ui component library best practices and patterns (formerly shadcn-ui). This skill should be used when writing, reviewing, or refactoring shadcn/ui components to ensure proper architecture, accessibility, and performance. Triggers on tasks involving Radix primitives, Tailwind styling, form validation with React Hook Form, data tables, theming, or component composition patterns.
- ▌ Scaffold 3 · shipshitdev bundleGenerate new code modules following existing codebase patterns. Use when user says 'scaffold', 'generate', 'create new endpoint', 'new component', or 'new module'.
- ▌ Tailwind 3 · shipshitdev bundleTailwind CSS v4 performance optimization and best practices guidelines (formerly tailwindcss-v4-style). This skill should be used when writing, reviewing, or refactoring Tailwind CSS v4 code to ensure optimal build performance, minimal CSS output, and correct usage of v4 features. Triggers on tasks involving Tailwind configuration, @theme directive, utility classes, responsive design, dark mode, container queries, or CSS generation optimization.
- ▌ Turborepo 2 · shipshitdev bundleTurborepo monorepo build system guidance. Triggers on: `turbo.json`, task pipelines, `dependsOn`, caching, remote cache, the `turbo` CLI, `--filter`, `--affected`, CI optimization, environment variables, internal packages, monorepo structure, and package boundaries. Use when the user configures tasks or workflows, creates packages, sets up a monorepo, shares code between apps, runs changed packages, debugs cache behavior, or works in an `apps/` plus `packages/` workspace.
- ▌ Git Safety 3 · shipshitdev bundleScan git history for sensitive files, clean leaked credentials, and set up prevention measures. Use when asked to "check for secrets", "scan git history", "remove .env from history", "secure my repo", or "clean sensitive files".
- ▌ Code Review 3 · shipshitdev bundleComprehensive code review focusing on quality, security, performance, and testing. Use when user says 'review', 'code review', 'check my code', or before merging PRs.
- ▌ Shadcn Setup 3 · shipshitdev bundleSet up shadcn/ui component library with Tailwind CSS v4 configuration. Handles installation, initialization, theme configuration, and common component setup. Use when starting a new Next.js/React project that needs a component library.
- ▌ Table Filters 2 · shipshitdev bundleDesigns optimal filtering UX for data tables. Use when building a table that needs filters - analyzes the data columns and determines the best filter type for each. Outputs a unified filter field with inline header filters.
- ▌ Expo Architect 2 · shipshitdev bundleScaffold a production-ready Expo React Native app with working screens, navigation, and optional Clerk auth. Generates complete mobile app structure that runs immediately with `bun start`.
- ▌ React Patterns 2 · shipshitdevModern React patterns and principles. Hooks, composition, performance, TypeScript best practices.
- ▌ React Refactor 3 · shipshitdev bundleArchitectural refactoring guide for React applications covering component architecture, state architecture, hook patterns, component decomposition, coupling and cohesion, data flow, and refactoring safety. Use when refactoring React codebases, reviewing PRs for architectural issues, decomposing oversized components, or improving module boundaries. Does NOT cover React 19 API usage (see react skill) or performance optimization (see react-optimise skill).
- ▌ Testing Expert 3 · shipshitdev bundleExpert in testing strategies for React, Next.js, and NestJS applications covering unit tests, integration tests, E2E tests, and testing best practices
- ▌ React Hook Form 3 · shipshitdev bundleReact Hook Form performance optimization for client-side form validation using useForm, useWatch, useController, and useFieldArray. This skill should be used when building client-side controlled forms with React Hook Form library. This skill does NOT cover React 19 Server Actions, useActionState, or server-side form handling (use react-19 skill for those).
- ▌ Security Expert 3 · shipshitdev bundleExpert in application security, OWASP Top 10, authentication, authorization, data protection, and security best practices for React, Next.js, and NestJS applications
- ▌
- ▌ Package Architect 2 · shipshitdev bundleDesign and maintain TypeScript packages in a monorepo, including exports and build configuration.
- ▌ Typescript Expert 3 · shipshitdev bundleTypeScript and JavaScript expert with deep knowledge of type-level programming, performance optimization, monorepo management, migration strategies, and modern tooling.
- ▌ Performance Expert 3 · shipshitdev bundleExpert in performance optimization for React, Next.js, NestJS applications covering frontend rendering, API response times, database queries, and infrastructure optimization
- ▌ Typescript Refactor 2 · shipshitdev bundleTypeScript refactoring and modernization guidelines from a principal specialist perspective. This skill should be used when refactoring, reviewing, or modernizing TypeScript code to ensure type safety, compiler performance, and idiomatic patterns. Triggers on tasks involving TypeScript type architecture, narrowing, generics, error handling, or migration to modern TypeScript features.
- ▌ Error Handling Expert 3 · shipshitdev bundleExpert in error handling patterns, exception management, error responses, logging, and error recovery strategies for React, Next.js, and NestJS applications
- ▌ React Testing Library 2 · shipshitdev bundleReact Testing Library best practices for writing maintainable, user-centric tests. Use when writing, reviewing, or refactoring RTL tests. Triggers on test files, testing patterns, getBy/queryBy queries, userEvent, waitFor, and component testing.
- ▌ Frontend Design 2 · shipshitdev bundleCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
- ▌ React Native Components 2 · shipshitdev bundleMaster React Native 0.79.5 components, styling, performance optimization, and mobile UI best practices with real-world examples
- ▌ Content Script Developer 2 · shipshitdev bundleExpert in browser extension content scripts, DOM integration, and safe page augmentation across modern web apps.
- ▌ React Component Performance 3 · shipshitdev bundleDiagnose slow React components and suggest targeted performance fixes.
- ▌ Xcode Swift Dev 2 · shipshitdevExpert in Swift/SwiftUI development for macOS menu bar apps, iOS apps, widgets, and Xcode project configuration. Use for Swift architecture, SwiftUI patterns, App Intents, WidgetKit, and native Apple platform development.
- ▌ Macos Menubar App 2 · shipshitdevExpert in building macOS menu bar applications with SwiftUI, MenuBarExtra, and system integration. Use for menu bar UI patterns, status items, popover windows, keyboard shortcuts, and macOS-specific APIs.
- ▌ Devcontainer Setup 2 · shipshitdev bundleScaffolds a complete VS Code Dev Container configuration with Docker, docker-compose, and optional Claude Code CLI support. Activates when asked to "set up devcontainer", "add docker development environment", "configure dev container", or containerize a development workflow.
- ▌
- ▌ Scaffold 2 · shipshitdev bundleGenerate incremental local code modules following existing codebase patterns. Use for endpoints, components, packages, collections, or modules inside an existing repo; not for full project scaffolds.
- ▌ Context Engineering 2 · shipshitdevSupplementary context protocol injected into execution when CLAUDE.md is present
- ▌ Execution Debugging 2 · shipshitdevSupplementary debugging methodology injected into stabilization feedback
- ▌ Accessibility 2 · shipshitdev bundleExpert in web accessibility (WCAG 2.1 AA compliance) for React/Next.js applications, ensuring all projects are usable by everyone
- ▌ Bun Validator 2 · shipshitdev bundleValidate Bun workspace configuration and detect common monorepo issues. Ensures proper workspace setup, dependency catalogs, isolated installs, and Bun 1.3+ best practices.
- ▌ Biome Validator 2 · shipshitdev bundleValidate Biome 2.3+ configuration and detect outdated patterns. Ensures proper schema version, domains, assists, and recommended rules. Use before any linting work or when auditing existing projects.
- ▌ Nextjs Validator 2 · shipshitdev bundleValidate Next.js 16 configuration and detect/prevent deprecated patterns. Ensures proxy.ts usage, Turbopack, Cache Components, and App Router best practices. Use before any Next.js work or when auditing existing projects.
- ▌ Component Library 2 · shipshitdev bundleExpert React/Next.js component architect specializing in creating consistent, reusable, and maintainable components for monorepo projects
- ▌ Prompt Engineering 2 · shipshitdev bundleExpert guide on prompt engineering patterns, best practices, and optimization techniques. Use when user wants to improve prompts, learn prompting strategies, debug agent behavior, or design content generation prompts.
- ▌ Tailwind Validator 2 · shipshitdev bundleValidate Tailwind CSS v4 configuration and detect/prevent Tailwind v3 patterns. Use this skill when setting up Tailwind, auditing CSS configuration, or when you suspect outdated Tailwind patterns are being used. Ensures CSS-first configuration with @theme blocks.
- ▌ Devcontainer Setup · shipshitdev bundleScaffolds a complete VS Code Dev Container configuration with Docker, docker-compose, and optional Claude Code CLI support. Activates when asked to "set up devcontainer", "add docker development environment", "configure dev container", or containerize a development workflow.
- ▌ Writing Prds 2 · shipshitdev bundleDrafts, scopes, and formalizes features as PRDs — a planning agent can consume the output in one shot without re-elicitation. Triggers on "write a PRD for X", "let's plan X", "scope this out", "what should X do", or when a tracker issue needs to be fleshed out before planning. Do NOT use for code edits, debugging, or PR reviews.
- ▌ Audit 2 · shipshitdev bundleRun technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns. Generates a scored report with P0-P3 severity ratings and actionable plan. Use when the user wants an accessibility check, performance audit, or technical quality review.
- ▌ Layout 2 · shipshitdev bundleImprove layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy. Use when the user mentions layout feeling off, spacing issues, visual hierarchy, crowded UI, alignment problems, or wanting better composition.
- ▌ Polish 2 · shipshitdev bundlePerforms a final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping. Use when the user mentions polish, finishing touches, pre-launch review, something looks off, or wants to go from good to great.
- ▌ Shadcn 2 · shipshitdev bundleProvides shadcn/ui component library best practices and patterns. Triggers when writing, reviewing, or refactoring shadcn/ui components; when working with Radix primitives, Tailwind styling, React Hook Form validation, data tables, theming, or component composition patterns.
- ▌ Tailwind 2 · shipshitdev bundleProvides Tailwind CSS v4 performance optimization and best practices guidelines. Triggers when writing, reviewing, or refactoring Tailwind CSS v4 code; when working with Tailwind configuration, @theme directive, utility classes, responsive design, dark mode, container queries, or CSS generation optimization.
- ▌ Git Safety 2 · shipshitdev bundleScans, cleans, and prevents secrets in git history across four modes: scan (detect sensitive files in the current state and history), clean (rewrite history to remove secrets using git-filter-repo or BFG), prevent (add .gitignore and pre-commit hooks), and full (all three in sequence). Use when the user asks to check for leaked credentials, scrub a secret from git history, force-push a cleaned repo, set up pre-commit secret prevention, or run a full git security audit.
- ▌ Code Review 2 · shipshitdev bundleCorrectness and security gate for incoming pull requests. Auto-invoked when reviewing a diff, evaluating a PR, running /code-review at any effort level, or asked "is this safe to merge?" Covers bugs, TypeScript hygiene, security, database safety, test existence, devex regressions, and feature-flag leaks.
- ▌ Shadcn Setup 2 · shipshitdev bundleSets up shadcn/ui with Tailwind CSS v4 CSS-first configuration — installs packages, generates globals.css with @theme tokens, creates components.json, and adds the cn() utility. Use when starting a new Next.js or React project that needs a shadcn component library, or migrating from shadcn + Tailwind v3.
- ▌ React Refactor 2 · shipshitdev bundleArchitectural refactoring guide for React applications covering component architecture, state architecture, hook patterns, component decomposition, coupling and cohesion, data flow, and refactoring safety. Triggers when refactoring React codebases, reviewing PRs for architectural issues, decomposing oversized components, or improving module boundaries.
- ▌ Testing Expert 2 · shipshitdev bundleExpert in testing strategies for React, Next.js, and NestJS applications covering unit tests, integration tests, E2E tests, and testing best practices
- ▌ React Hook Form 2 · shipshitdev bundleProvides 41 prioritized performance rules for React Hook Form across form configuration, field subscription, controlled components, validation, and field arrays. Invoke when writing or reviewing forms with useForm, useWatch, useController, or useFieldArray; integrating shadcn/MUI with Controller; or diagnosing unexpected re-renders in RHF-based forms. Covers client-side validation only — does not cover React Server Actions or useActionState.
- ▌ Security Expert 2 · shipshitdev bundleExpert in application security, OWASP Top 10, authentication, authorization, data protection, and security best practices for React, Next.js, and NestJS applications
- ▌ Typescript Expert 2 · shipshitdev bundleResolves TypeScript and JavaScript problems across type-level programming, performance, monorepo management, migration, and modern tooling. Invoke when diagnosing "type instantiation excessively deep" errors, migrating JS to TS, configuring strict tsconfig, debugging module resolution, or choosing between Biome/ESLint/Turborepo/Nx.
- ▌ Performance Expert 2 · shipshitdev bundleExpert in performance optimization for React, Next.js, NestJS applications covering frontend rendering, API response times, database queries, and infrastructure optimization
- ▌ Error Handling Expert 2 · shipshitdev bundleExpert in error handling patterns, exception management, error responses, logging, and error recovery strategies for React, Next.js, and NestJS applications
- ▌ React Component Performance 2 · shipshitdev bundleDiagnose slow React components and suggest targeted performance fixes.
- ▌ Xcode Swift Dev · shipshitdevExpert in Swift/SwiftUI development for macOS menu bar apps, iOS apps, widgets, and Xcode project configuration. Use for Swift architecture, SwiftUI patterns, App Intents, WidgetKit, and native Apple platform development.
- ▌ Macos Menubar App · shipshitdevExpert in building macOS menu bar applications with SwiftUI, MenuBarExtra, and system integration. Use for menu bar UI patterns, status items, popover windows, keyboard shortcuts, and macOS-specific APIs.
- ▌
- ▌ Github Label Sync · shipshitdevEnsure ShipCode-required GitHub labels exist on the current repository using the gh CLI and the canonical definitions in packages/shared/src/github-labels.ts.
- ▌
- ▌ Skill Security Auditor · shipshitdev bundleAudit third-party agent skills before ShipCode users install, import, or trust them. Use when evaluating a skill repo, SKILL.md folder, plugin bundle, hook, command pack, or marketplace skill for supply-chain risk, prompt injection, unsafe scripts, symlinks, binaries, network exfiltration, credential access, or filesystem abuse.
- ▌ Claude Code Guide · shipshitdevTo provide a comprehensive reference for configuring and using Claude Code (the agentic coding tool) to its full potential. This skill synthesizes best practices, configuration templates, and advanced usage patterns.