shipshitdev/v0 - 2페이지

frontend-design

Create 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,…

원문 언어: 영어

git-safety

Scan 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".

원문 언어: 영어

layout

Improve 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.

원문 언어: 영어

nextjs-validator

Validate 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.

원문 언어: 영어

package-architect

Design and maintain TypeScript packages in a monorepo, including exports and build configuration.

원문 언어: 영어

performance-expert

Expert in performance optimization for React, Next.js, NestJS applications covering frontend rendering, API response times, database queries, and infrastructure optimization

원문 언어: 영어

plan-execution

Executor skill — implement an approved ShipCodePlan inside a git worktree

원문 언어: 영어

plan-execution-tdd

Supplementary TDD protocol injected into execution prompts when testCommand is configured

원문 언어: 영어

plan-generation

Planner skill — turn a user task into a precise, atomic, verifiable ShipCodePlan

원문 언어: 영어

plan-revision

Reviser skill — rewrite a plan to address adversarial review findings

원문 언어: 영어

plan-verification

Verifier skill — confirm a diff matches the plan and satisfies acceptance criteria

원문 언어: 영어

plasmo-extension-architect

Architect Chrome MV3 extensions using Plasmo, including messaging, storage, and UI surfaces.

원문 언어: 영어

polish

Performs 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.

원문 언어: 영어

prd-quality-gate

PRD completeness validation — required sections for pipeline entry

원문 언어: 영어

prompt-engineering

Expert 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.

원문 언어: 영어

react-component-performance

Diagnose slow React components and suggest targeted performance fixes.

원문 언어: 영어

react-hook-form

React 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-patterns

Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.

원문 언어: 영어

react-refactor

Architectural 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…

원문 언어: 영어

react-testing-library

React 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.

원문 언어: 영어

scaffold

Generate new code modules following existing codebase patterns. Use when user says 'scaffold', 'generate', 'create new endpoint', 'new component', or 'new module'.

원문 언어: 영어

security-expert

Expert in application security, OWASP Top 10, authentication, authorization, data protection, and security best practices for React, Next.js, and NestJS applications

원문 언어: 영어

shadcn-setup

Set 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.

원문 언어: 영어

shadcn

shadcn/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…

원문 언어: 영어

shape

Plan 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…

원문 언어: 영어

table-filters

Designs 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.

원문 언어: 영어

tailwind

Tailwind 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…

원문 언어: 영어

tailwind-validator

Validate 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…

원문 언어: 영어

task-prd-creator

Create a well-written PRD, task, or GitHub issue/sub-issue for a feature, bug, or enhancement. Use when planning work, writing GitHub issues, breaking down epics into sub-issues, or creating local task files. Common prompts: create a task, write a PRD, open a…

원문 언어: 영어

testing-expert

Expert in testing strategies for React, Next.js, and NestJS applications covering unit tests, integration tests, E2E tests, and testing best practices

원문 언어: 영어

turborepo

Turborepo 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…

원문 언어: 영어

typescript-expert

TypeScript and JavaScript expert with deep knowledge of type-level programming, performance optimization, monorepo management, migration strategies, and modern tooling.

원문 언어: 영어