Design
15354 skills in Content & Media > Design
skill-builder
Use this skill when creating new Claude Code skills from scratch, editing existing skills to improve their descriptions or structure, or converting Claude Code sub-agents to skills. This includes designing skill workflows, writing SKILL.md files, organizing supporting files with intention-revealing names, and leveraging CLI tools and Node.js scripting.
create-ticket
Creates structured technical development tickets when users request ticket creation, need to write tickets, ask to generate task specifications, or mention creating development work items. Transforms oral descriptions into well-formatted tickets with technical requirements, specifications, and impact analysis for project management systems used by L'Oréal development teams.
nestjs
Build production-ready NestJS modules with entities, DTOs, services, controllers
r-development
Modern R development practices emphasizing tidyverse patterns (dplyr 1.1 and later, native pipe, join_by, .by grouping), rlang metaprogramming, performance optimization, and package development. Use when Claude needs to write R code, create R packages, optimize R performance, or provide R programming guidance.
analyzing-architecture
Comprehensive project architecture analyzer that identifies technology stacks, build tools, and architectural patterns. Use when you need to quickly understand a project's structure, dependencies, and technical configuration. Provides analysis for frontend frameworks (Vue/React/Angular), Node.js environments, package managers, TypeScript usage, linters, and architecture patterns.
issues-guide
実装前にノウハウを確認。Tauriコマンド追加、serde、WebSocket通信、設定項目追加、UI/オーバーレイ実装、セキュリティ関連の作業時に自動的にチェックリストを提供する。
stripe-integration
Implement Stripe payment processing for robust, PCI-compliant payment flows including checkout, subscriptions, and webhooks. Use when integrating Stripe payments, building subscription systems, or implementing secure checkout flows.
finetune-design
Use when preparing to fine-tune an LLM for multi-turn conversations, before generating any training data. Triggers - starting a fine-tuning project, need to define evaluation criteria, designing conversation data generation.
architecture-design
Design system architecture with components, data flow, and boundaries. Use for non-trivial features.
gh-task-shaper
Plan and triage work into GitHub issues. Use when Codex needs to decide whether a new issue is required, describe the problem, outline high-level plans and goals, propose architecture, split large work into sub-issues, add labels, and create a GitHub branch for each issue using gh.
check-forms
Analyze and validate forms on web pages. Use when users ask to check form accessibility, verify form labels, audit input fields, check form validation, or analyze form UX. Detects missing labels, invalid input types, accessibility issues, and validation problems.
architecture-guidelines
System architecture: modules, project structure, ADRs, and testing. Use when designing or reviewing systems.
nextjs-server-client-components
Guide for choosing between Server Components and Client Components in Next.js App Router. CRITICAL for useSearchParams (requires Suspense + 'use client'), navigation (Link, redirect, useRouter), cookies/headers access, and 'use client' directive. Activates when prompt mentions useSearchParams, Suspense, navigation, routing, Link component, redirect, pathname, searchParams, cookies, headers, async components, or 'use client'. Essential for avoiding mixing server/client APIs.
javascript-documentation-standard
MANDATORY for ALL JavaScript code! PROACTIVE - Use when writing JavaScript/TypeScript code. Requires JSDoc comments with @skill-verified tag for all functions. Essential for code documentation and IDE support.
infographic-creation
Create beautiful infographics based on the given text content. Use this when users request creating infographics.
chapter-content-generator
This skill generates comprehensive chapter content for intelligent textbooks after the book-chapter-generator skill has created the chapter structure. Use this skill when a chapter index.md file exists with title, summary, and concept list, and detailed educational content needs to be generated at the appropriate reading level with rich non-text elements including diagrams, infographics, and MicroSims. (project, gitignored)
obsidian
Guide for implementing Obsidian knowledge management - vault operations, plugin development, URI scheme automation, markdown extensions, and Local REST API integration. Use when working with Obsidian vaults, creating plugins, automating note workflows, querying notes via API, or implementing knowledge graph features.
launch-planner
Helps turn app ideas into shippable MVPs with opinionated guidance on scoping, tech stack (Next.js, Supabase, Vercel), and avoiding feature creep. Use when the user wants to plan an MVP, create a PRD, generate Claude Code prompts, scope features, make product decisions, or needs help staying focused on shipping. Triggers include "plan this app", "help me scope this", "create a PRD", "what should I build first", "generate a Claude Code prompt", or any request to turn an idea into something shippable.
eleventy
Build content-focused websites with Eleventy (11ty). Use when creating templates (.njk, .liquid), working with data cascade, collections, or deploying static sites.
vehicle-setup
Guide users through Slovak VAT Act 2025 compliant vehicle registration with VIN validation