ihj04982
45 verified skills
test-coverage
Analyze test coverage and generate missing tests to reach 80%+ coverage. Use when coverage is low, after adding features, or when the user asks to improve test coverage.
testing
pptx
Use this skill any time a .pptx file is involved in any way — as input, output, or both. This includes: creating slide decks, pitch decks, or presentations; reading, parsing, or extracting text from any .pptx file (even if the extracted content will be used elsewhere, like in an email or summary); editing, modifying, or updating existing presentations; combining or splitting slide files; working with templates, layouts, speaker notes, or comments. Trigger whenever the user mentions "deck," "slides," "presentation," or references a .pptx filename, regardless of what they plan to do with the content afterward. If a .pptx file needs to be opened, created, or touched, use this skill.
documentation
backend-patterns
Backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes. Use when building or refactoring APIs, server logic, or data layer.
development
design-guide-1536x864-touch
Fixed 1536×864 touch viewport — grid, margins, 8px rhythm, touch targets, typography, components, vertical rhythm, and QA checklist for panel/kiosk/HMI. Use when designing or implementing UIs for this resolution with touch-first input.
testing
fixing-accessibility
Fix accessibility issues (minimal, targeted fixes). For WCAG 2.2 audits and remediation patterns see wcag-audit-patterns.
testing
tdd-workflow
Use this skill when writing new features, fixing bugs, or refactoring code. Enforces test-driven development with 80%+ coverage including unit, integration, and E2E tests. Includes requirements summary and troubleshooting (formerly testing-requirements).
development
vercel-react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
development
frontend-patterns
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices. Use when building React/Next.js UIs, choosing component patterns, or optimizing frontend code.
development
plan
Restate requirements, assess risks, and create step-by-step implementation plan. Invokes planner agent. WAIT for user CONFIRM before touching any code. Use when starting a new feature, making architectural changes, or requirements are unclear.
development
update-codemaps
Analyze codebase structure and update architecture documentation (codemaps/). Use when documenting architecture, onboarding, or after major refactors.
development
update-docs
Sync documentation from source-of-truth (package.json, .env.example). Generates CONTRIB.md, RUNBOOK.md. Use when updating project docs or after adding scripts/env vars.
documentation
vs-research-ideate
Generate high-entropy research (자료조사) and ideas (아이디어) using Verbalized Sampling to avoid mode collapse and maximize creativity and novelty.
research
bundle-optimization
Bundle optimization patterns — barrel file avoidance, conditional/dynamic imports, deferred third-party scripts, SVG precision. Use when reducing bundle size, improving LCP/TTI, or code-splitting.
development
code-review
Comprehensive security and quality review of uncommitted changes. Invokes code-reviewer agent. Use when reviewing PRs, before committing, or when the user asks for a code review.
development
design-audit
Design audit and review — typography audit, structural analysis, Web Interface Guidelines compliance, accessibility, UX anti-patterns, and brand resonance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or evaluate design quality.
development
e2e
Generate and run end-to-end tests with Playwright. Invokes e2e-runner agent. Creates test journeys, runs tests, captures screenshots/videos/traces, and uploads artifacts. Use when testing critical user journeys or multi-step flows.
testing
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Covers websites, landing pages, dashboards, SaaS UIs, React components, and any web UI. Includes Verbalized Sampling methodology to avoid generic AI aesthetics, domain exploration for interface design, and creative implementation patterns.
development
react-rendering-optimization
React rendering optimization patterns — memoization, derived state, static hoisting, conditional rendering, caching. Use when reviewing or optimizing React component render performance.
development
react-state-and-transition-patterns
React state management and transition patterns — functional setState, useTransition, useRef for transient values, deferred reads, derived subscriptions, Activity. Use when optimizing state updates, transitions, or reducing unnecessary re-renders.
development
tailwind-css-patterns
Comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices. Use when styling React/Vue/Svelte components, building responsive layouts, implementing design systems, or optimizing CSS workflow.
tools
git-workflow
Commit message format (feat, fix, refactor, docs, test, chore, perf, ci) and pull request workflow. Use when writing commit messages, creating PRs, or following git conventions.
development
js-and-css-optimization
JavaScript data structure and CSS rendering optimization — index maps, combined iterations, Set/Map lookups, immutable sort, loop min/max, property caching, SVG wrapper animation, layout thrashing, content-visibility. Use when optimizing hot loops, data processing, DOM performance, or scroll rendering.
development
agent-orchestration
Lists available Cursor agents (planner, architect, tdd-guide, code-reviewer, security-reviewer, build-error-resolver, e2e-runner, refactor-cleaner, doc-updater) and when to use each. Use when the user asks which agent to use, how to delegate work, or what agents are available.
development
async-parallelization-patterns
Async parallelization patterns — Promise.all, waterfall prevention, dependency-based parallelism, RSC component composition, deferred await. Use when optimizing async operations, API routes, or data fetching.
development
authenticate-server-actions-like-api-routes
Authenticate server actions with the same rigor as API routes (session, token, CSRF). Use when implementing or securing Next.js server actions.
development
build-fix
Incrementally fix TypeScript and build errors. Invokes build-error-resolver agent. Use when build fails, type errors occur, or the user asks to fix the build.
development
codebase-tutorial-flow
Flow and concept of the Codebase Knowledge Builder — turn a repo or local dir into a beginner-friendly tutorial. Use when modifying the flow, shared store, or nodes, or when an agent should run this pipeline (FetchRepo → IdentifyAbstractions → AnalyzeRelationships → OrderChapters → WriteChapters → CombineTutorial).
development
caching-and-data-fetching-patterns
Caching and data fetching patterns — storage API caching, LRU cache, SWR deduplication, React.cache, preloading, RSC serialization, localStorage versioning, after() for non-blocking work. Use when implementing data fetching, caching, or optimizing network requests.
development
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
documentation
pptx
Presentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for: (1) Creating new presentations, (2) Modifying or editing content, (3) Working with layouts, (4) Adding comments or speaker notes, or any other presentation tasks
documentation
react-effect-and-handler-patterns
React effect and event handler optimization — narrow deps, handler refs, useEffectEvent, global listener dedup, one-time init. Use when writing or fixing useEffect, event handlers, or component initialization.
development
coding-standards
Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js. Includes quick checklist (formerly coding-style) and common patterns (Repository, skeleton projects; formerly common-patterns).
development
design-lab
Conduct design interviews, generate five distinct UI variations in a temporary design lab, collect feedback, and produce implementation plans. Use when the user wants to explore UI design options, redesign existing components, or create new UI with multiple approaches to compare.
content-media
design-theory
Design theory and principles — grid systems, proportional logic, dynamic composition, color science, and concept-driven strategy. Use when defining layout systems, building palettes, planning brand strategy, or auditing composition and visual energy.
development
early-return-from-functions
Use early returns to reduce nesting and clarify control flow. Use when simplifying conditionals or guard clauses.
tools
fixing-metadata
Ship correct, complete metadata (title, description, OG, Twitter). Use when adding or fixing SEO and social previews for pages.
testing
humanizer
Remove signs of AI-generated writing from text. Use when editing or reviewing text to make it sound more natural and human-written. Based on Wikipedia's comprehensive "Signs of AI writing" guide. Detects and fixes patterns including: inflated symbolism, promotional language, superficial -ing analyses, vague attributions, em dash overuse, rule of three, AI vocabulary words, negative parallelisms, and excessive conjunctive phrases.
testing
motion-and-animation
Comprehensive motion and animation guide — Disney's 12 principles for web, animation performance rules (compositor-only, measurement, scroll), and interaction design patterns (microinteractions, transitions, loading states, gestures). Use when implementing, reviewing, or fixing UI animations, transitions, or motion.
development
obsidian-markdown
Create and edit Obsidian Flavored Markdown with wikilinks, embeds, callouts, properties, and other Obsidian-specific syntax. Use when working with .md files in Obsidian, or when the user mentions wikilinks, callouts, frontmatter, tags, embeds, or Obsidian notes.
testing
performance-optimization
Agent and model performance (Haiku/Sonnet/Opus selection, context window, build troubleshooting). For code performance use vercel-react-best-practices and granular performance skills.
development
react-ssr-and-suspense-patterns
React SSR hydration and Suspense patterns — prevent hydration mismatch, suppress expected mismatches, strategic Suspense boundaries. Use when fixing hydration errors, implementing streaming, or placing Suspense fallbacks.
development
refactor-clean
Safely identify and remove dead code with test verification. Invokes refactor-cleaner agent. Use when cleaning unused code, removing duplicates, or reducing bundle size.
development
security-review
Use this skill when adding authentication, handling user input, working with secrets, creating API endpoints, or implementing payment/sensitive features. Provides comprehensive security checklist and patterns. Includes pre-commit checklist (formerly security-guidelines).
development
ui-ux-pro-max
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.
tools
wcag-audit-patterns
Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing accessible design patterns.
development