設計
15354 skills in 內容與媒體 > 設計
senior-fullstack
Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns, and complete tech stack guidance. Use when building new projects, analyzing code quality, implementing design patterns, or setting up development workflows.
stripe-integration
Comprehensive guide for integrating Stripe with Firebase, Next.js, React, and TypeScript. Use when working with Stripe payments, subscriptions, webhooks, or checkout. Covers webhook setup with Firebase Cloud Functions v2, Next.js App Router webhook handling, signature verification, common errors and solutions, Stripe CLI usage, and MCP integration. Essential for setting up Stripe correctly in Firebase+Next.js+TypeScript projects.
web-app-qa
Interactive UI/visual QA workflows using Playwright MCP for test generation, accessibility audits, visual regression, and cross-browser testing
ansible-playbook-design
This skill should be used when creating new Ansible playbooks, designing playbook structure, implementing state-based playbooks with present/absent patterns, organizing plays and tasks, or structuring playbook variables. Covers play organization, variable scoping, and state-based design patterns.
tailwindcss
Utility-first CSS styling with Tailwind CSS v4. Use when styling components, configuring themes, responsive design, or building design systems. Triggers on Tailwind, CSS, styling, theming, or responsive design questions.
running-log
Persistent schema-driven running log with three-component architecture - quick-capture ideas, AI auto-detection, and backlog review librarian
drizzle-orm
Drizzle ORM for TypeScript - type-safe SQL queries, schema definitions, migrations, and relations. Use when building database layers in Next.js or Node.js applications.
skill-creator
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
rbac-permissions-architect
Use this skill when architecting new features within the RBAC modular permissions system. Guides architects through workspace design, feature definition, permission mapping, and role hierarchy. Critical for understanding Owner/Super Admin special roles, feature independence, and multi-tenant context isolation. Invoke when creating PRDs that involve permissions, workspaces, features, or role-based access control.
review
Comprehensive code review with parallel specialist sub-agents. Analyzes requirements traceability, code quality, security, performance, accessibility, test coverage, and technical debt. Produces detailed findings and calls /qa-gate for final gate decision.
webapp-testing
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
mobile-platforms
Master mobile development platforms including Android, iOS, React Native, Flutter, and Swift. Use when building native or cross-platform mobile applications.
merge
Expert in merging financial datasets with different frequencies and alignment requirements. Use when students need to combine weekly/monthly returns with SF1 fundamentals, requiring careful date alignment to avoid look-ahead bias.
nextjs-core
Core Next.js patterns for App Router development including Server Components, Server Actions, route handlers, data fetching, and caching strategies. Use when building Next.js applications with the App Router, implementing server-side logic, or optimizing data flows. Version-agnostic patterns that apply to Next.js 14+.
writing-guide
7년차 시니어 백엔드 개발자 이력서/경력기술서 작성 가이드입니다. STAR+I 기법, 정량화 방식, 시니어 톤 표현을 제공합니다.
tailwindcss
Tailwind CSS utility-first CSS framework. Use for responsive design, dark mode, utility classes, and component styling.
aci-318-concrete-design
ACI 318-25 콘크리트 구조설계 기준(Building Code for Structural Concrete)을 검색하고 설계 계산을 수행하며, 설계 워크플로우를 제공합니다. 콘크리트 구조설계, 철근콘크리트, 프리스트레스트 콘크리트, 노출등급, 내진설계, 부재 설계 관련 질문에 즉시 활성화되며, 공식 추출, 노출등급 선택, SDC 요구사항, 설계 검증을 지원합니다.
building-skills
Creating new Claude Code skills for StickerNest. Use when the user asks to create a skill, build a skill, add a new skill, make a Claude skill, or extend Claude's capabilities for this project. Covers skill structure, YAML frontmatter, trigger-focused descriptions, and StickerNest-specific skill patterns.
devsecops-lookup
Looks up OWASP DevSecOps Guideline phases, security tools, and pipeline checks. Returns tool configurations, CWE mappings, and integration patterns for CI/CD security. Use when user asks about "DevSecOps", "SAST", "DAST", "SCA", "container security", "IaC security", "secret detection", "gitleaks", "semgrep", "trivy", "pipeline security", "シークレット検出", "静的解析", "動的解析", "コンテナセキュリティ", "セキュリティゲート".
performance-patterns
Use when user asks about N+1 queries, performance optimization, query optimization, reduce API calls, improve render performance, fix slow code, optimize database, or reduce bundle size. Provides guidance on identifying and fixing performance anti-patterns across database, backend, frontend, and API layers.