Design
15354 skills in Content & Media > Design
k8s-manifest-generator
Create production-ready Kubernetes manifests for Deployments, Services, ConfigMaps, and Secrets following best practices and security standards. Use when generating Kubernetes YAML manifests, creating K8s resources, or implementing production-grade Kubernetes configurations.
compliance-audit-readiness
Continuous audit readiness with compliance monitoring, documentation automation, control testing, and audit preparation for PE-backed multi-acquisition organizations
gp-ui
Use when building React UIs for TheGP applications, migrating existing UIs to @gp/ui components, integrating Tailwind v4 with @gp/ui theme, or answering questions about available components, design tokens, icons, or setup. Activate when user mentions @gp/ui, TheGP design system, or asks about GP-specific UI patterns and components.
architecture-paradigm-microkernel
Build a minimal, stable core system that loads plug-ins to provide feature variability and extensibility.
linux-kernel-pro
Use when needing expert Linux kernel development assistance for device drivers, kernel modules, subsystems, and system programming. Triggers on "Linux kernel", "device driver", "kernel module", "kernel development", "system programming", "DMA", "interrupt handler", "device tree", "platform driver".
agent-workflow-patterns
AI agent workflow patterns including ReAct agents, multi-agent systems, loop control, tool orchestration, and autonomous agent architectures. Use when building AI agents, implementing workflows, creating autonomous systems, or when user mentions agents, workflows, ReAct, multi-step reasoning, loop control, agent orchestration, or autonomous AI.
nextjs-app-router-fundamentals
Guide for working with Next.js App Router (Next.js 13+). Use when migrating from Pages Router to App Router, creating layouts, implementing routing, handling metadata, or building Next.js 13+ applications. Activates for App Router migration, layout creation, routing patterns, or Next.js 13+ development tasks.
base-ui-docs
Base UI (@base-ui/react) の公式ドキュメント参照とAPI確認を行うためのスキル。Base UIのコンポーネント/ハンドブック/概要に関する質問が来たら使う。
nsforge-verification-suite
驗證工具組合。觸發詞:驗證, verify, check, 維度, dimension。
hubspot-update-deal
Update an existing deal in HubSpot CRM. Load when user says 'update deal', 'edit deal', 'change deal stage', 'move deal', 'close deal'. Requires deal ID.
cra-code-reviewer
EU Cyber Resilience Act (CRA) compliance code reviewer. Use when reviewing code for CRA/EU cybersecurity compliance, checking security requirements, vulnerability handling, SBOM requirements, or assessing product conformity. Triggers on: CRA review, EU security compliance, cybersecurity requirements check, Annex I requirements, vulnerability handling assessment, SBOM validation, product category classification.
supabase-react-best-practices
Comprehensive guide for building production-ready React applications with Supabase, TypeScript, and TanStack Query. Use when implementing auth, data fetching, real-time features, or optimizing Supabase integration.
learning-microlesson-designer
Create focused 3-5 minute microlessons optimized for mobile, just-in-time learning, and performance support. Use for bite-sized learning. Activates on "microlesson", "micro-learning", "quick lesson", or "3-minute training".
sprint-planner
Design and structure development sprints with atomic, LLM-ready task files. This skill should be used when the user wants to plan a new development sprint, break down complex projects into executable tasks, or create a sprint execution framework. Produces sprint plans, atomic task specifications, and corresponding executor skills for LLM coding agents.
github-project-management
Guide for using GitHub Projects V2 with teams, status fields, and modern workflows. Use when setting up projects, explaining workflow, onboarding team members, or troubleshooting GitHub Projects. Covers teams (@developers, @product, @qa, @client), Status field with Blocked state, Priority/Type fields, epics, sub-issues, and label cleanup strategies.
backend-design-optimizer
Find the best backend architecture, database design, and API patterns using deep research. Use when user asks "best database for...", "optimize API", "backend architecture for...", or "scale this service".
security
Proactive security engineering for PAI projects. USE WHEN user needs threat modeling, CMMC compliance baseline, security requirements, vulnerability analysis, or security-first design. Prevents security issues during design, not after deployment.
prompt-skill
Create interactive terminal prompts using questionary for user input. Use when building forms, selection menus, and confirmation dialogs.
component-docs
Guide for documenting project components and features. Creates or updates documentation in docs/components/ by exploring git changes to understand implementation details. Provides templates and conventions for consistent, developer-friendly component catalogs.
auto-animate
Production-tested setup for AutoAnimate (@formkit/auto-animate) - a zero-config, drop-in animation librarythat automatically adds smooth transitions when DOM elements are added, removed, or moved. This skill shouldbe used when building UIs that need simple, automatic animations for lists, accordions, toasts, or form validationmessages without the complexity of full animation libraries.Use when: Adding smooth animations to dynamic lists, building filter/sort interfaces, creating accordion components,implementing toast notifications, animating form validation messages, needing simple transitions without animation code,working with Vite + React + Tailwind, deploying to Cloudflare Workers Static Assets, or encountering SSR errors withanimation libraries.Keywords: auto-animate, @formkit/auto-animate, formkit, zero-config animation, automatic animations, drop-in animation,list animations, accordion animation, toast animation, form validation animation, lightweight animation, 2kb animation,prefers-reduce