메뉴
SkillsMP는 akornmeier/claude-config에서 31개의 skill을 수집했습니다. skill을 열어 소스와 세부 정보를 확인하세요.
수집된 skill 31개 중 31개를 표시합니다.
Transform an OpenSpec change phase into UI-ready build prompts through a 3-step pipeline. PRD generation, then UX specification, then build-order prompts. Use when starting implementation of an OpenSpec feature phase, or when the user mentions…
원문 언어: 영어
Refine and clarify PRD documentation through structured questioning using the visual AskUserQuestion tool
원문 언어: 영어
Convert a rough MVP idea into a demo-grade PRD (Steps 1-7)
원문 언어: 영어
Use when translating PRDs, feature specs, or product requirements into UX specifications for mockup tools like Google Stitch, Figma, or similar. Use before creating visual designs, wireframes, or component specs.
원문 언어: 영어
Use when translating UX specifications into build-order prompts for UI generation tools. Triggers when user has a UX spec, PRD, or detailed feature doc and needs sequential, self-contained prompts for tools like v0, Bolt, or Claude frontend-design.
원문 언어: 영어
Adapter for executing OpenSpec change proposals using subagent-driven-development. Parses OpenSpec structure, groups tasks by phase, and creates one PR per phase.
원문 언어: 영어
How to use Chrome DevTools MCP for browser debugging. Use when you need to inspect pages, take screenshots, debug UI issues, or verify visual changes.
원문 언어: 영어
Use when building React UIs with component libraries, implementing forms, dialogs, navigation, or data display. Use when user mentions shadcn, Radix UI, Base UI, or asks about accessible React components. Proactively suggest when building UI that would…
원문 언어: 영어
Guide for building Vue 3 components with NuxtUI using strict Test-Driven Development (TDD) methodology enforced by a TDD guard hook. Use this skill when implementing new UI components (atoms, molecules, organisms) for the Poche project, creating Storybook…
원문 언어: 영어
Motion for Vue animation library guidance. Use when building Vue animations with motion-v package, implementing gesture animations (hover, press, drag), scroll-linked animations, layout animations, exit animations with AnimatePresence, variants, spring…
원문 언어: 영어
Guide for implementing Better Auth - a framework-agnostic authentication and authorization framework for TypeScript. Use when adding authentication features like email/password, OAuth, 2FA, passkeys, or advanced auth functionality to applications.
원문 언어: 영어
Guide for implementing Cloudflare Browser Rendering - a headless browser automation API for screenshots, PDFs, web scraping, and testing. Use when automating browsers, taking screenshots, generating PDFs, scraping dynamic content, extracting structured data,…
원문 언어: 영어
Guide for implementing Cloudflare R2 - S3-compatible object storage with zero egress fees. Use when implementing file storage, uploads/downloads, data migration to/from R2, configuring buckets, integrating with Workers, or working with R2 APIs and SDKs.
원문 언어: 영어
Guide for building applications on Cloudflare's edge platform. Use when implementing serverless functions (Workers), edge databases (D1), storage (R2, KV), real-time apps (Durable Objects), AI features (Workers AI, AI Gateway), static sites (Pages), or any…
원문 언어: 영어
Comprehensive guide for building serverless applications with Cloudflare Workers. Use when developing Workers, configuring bindings, implementing runtime APIs, testing Workers, using Wrangler CLI, deploying to production, or building edge functions with…
원문 언어: 영어
Validate at every layer data passes through to make bugs impossible
원문 언어: 영어
Systematically trace bugs backward through call stack to find original trigger
원문 언어: 영어
Four-phase debugging framework that ensures root cause investigation before attempting fixes. Never jump to solutions.
원문 언어: 영어
Run verification commands and confirm output before claiming success
원문 언어: 영어
Guide for using Docker - a containerization platform for building, running, and deploying applications in isolated containers. Use when containerizing applications, creating Dockerfiles, working with Docker Compose, managing images/containers, configuring…
원문 언어: 영어
Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or…
원문 언어: 영어
Guide for implementing MongoDB - a document database platform with CRUD operations, aggregation pipelines, indexing, replication, sharding, search capabilities, and comprehensive security. Use when working with MongoDB databases, designing schemas, writing…
원문 언어: 영어
Expert guide for implementing NuxtUI v4.1+ - an open-source UI library of 100+ customizable components built with Tailwind CSS and Reka UI. Use when the user mentions NuxtUI components (UButton, UInput, UCard, etc.), asks about implementing UI features, needs…
원문 언어: 영어
Comprehensive guide for PostgreSQL psql - the interactive terminal client for PostgreSQL. Use when connecting to PostgreSQL databases, executing queries, managing databases/tables, configuring connection options, formatting output, writing scripts, managing…
원문 언어: 영어
Force unrelated concepts together to discover emergent properties - "What if we treated X like Y?"
원문 언어: 영어
Flip core assumptions to reveal hidden constraints and alternative approaches - "what if the opposite were true?"
원문 언어: 영어
Spot patterns appearing in 3+ domains to find universal principles
원문 언어: 영어
Test at extremes (1000x bigger/smaller, instant/year-long) to expose fundamental truths hidden at normal scales
원문 언어: 영어
Dispatch to the right problem-solving technique based on how you're stuck
원문 언어: 영어
Guide for implementing Tailwind CSS - a utility-first CSS framework for rapid UI development. Use when styling applications with responsive design, dark mode, custom themes, or building design systems with Tailwind's utility classes.
원문 언어: 영어
Guide for implementing Turborepo - a high-performance build system for JavaScript and TypeScript monorepos. Use when setting up monorepos, optimizing build performance, implementing task pipelines, configuring caching strategies, or orchestrating tasks across…
원문 언어: 영어