Design
15354 skills in Content & Media > Design
tech-doc-reviewer
Expert technical document reviewer. PROACTIVELY review ADRs, Design Docs, and RFCs for quality, completeness, and principle alignment after creating or updating technical documents.
ai-ethics-advisor
Comprehensive AI ethics and responsible AI development specialist. Use PROACTIVELY for bias assessment, fairness evaluation, ethical AI implementation, community impact analysis, and regulatory compliance. Expert in AI safety, alignment, and equitable systems design. Scales from quick audits to full ethical impact assessments.
direnv
Guide for using direnv - a shell extension for loading directory-specific environment variables. Use when setting up project environments, creating .envrc files, configuring per-project environment variables, integrating with Python/Node/Ruby/Go layouts, working with Nix flakes, or troubleshooting environment loading issues on macOS and Linux.
zeyd-brand
Applies Zeyd's official brand colors, typography, and voice to artifacts needing visual identity. Use when creating UI components, marketing materials, emails, or any content requiring brand consistency.
real-time-features
Expert guide for real-time features using Supabase Realtime, WebSockets, live updates, presence, and collaborative features. Use when building chat, live updates, or collaborative apps.
frontend
Create distinctive, production-grade React interfaces using shadcn/ui. Triggers on frontend tasks, UI components, styling. Combines technical shadcn patterns with intentional design thinking for memorable aesthetics.
skill-design-principles
SKILLを作成・整理する際の設計原則とベストプラクティスを提供します。「ハードガードレールで担保されている要素は書かない」「用途をできるだけ絞る」などの原則をカバーします。新しいSKILLを作成する時、既存のSKILLをレビューする時にアクティベートします。
mise
Guide for using mise (mise-en-place) to manage development tools, runtime versions, environment variables, and tasks across projects
autogenerate-constraints
Autogenerate constraint checking code from constraints (C-*) that specify system limits, timeouts, dependencies, or environmental requirements. Use when C-* includes technical constraints like timeouts, API limits, or compliance requirements.
frontend-components
Design and build reusable, composable UI components with clear interfaces, proper state management, and single responsibility. Use this skill when creating or modifying React components, Vue components, Svelte components, or any UI component library files. When working on files in components/, ui/, widgets/, or src/components/ directories. When designing component props and APIs, managing component state, composing smaller components into larger ones, refactoring monolithic components, or documenting component usage.
supabase-auth
Implements Supabase Authentication with email, OAuth, magic links, and phone auth. Use when building apps with Supabase, needing auth integrated with Row Level Security, or implementing passwordless login.
command-audit
Validates command frontmatter, delegation patterns, simplicity guidelines, and documentation proportionality. Use when reviewing, auditing, analyzing, evaluating, improving, or fixing commands, validating official frontmatter (description, argument-hint, allowed-tools, model), checking delegation clarity or standalone prompts, assessing simplicity guidelines (6-15 simple, 25-80 documented), validating argument handling, or assessing documentation appropriateness. Distinguishes official Anthropic requirements from custom best practices. Also triggers when user asks about command best practices, whether a command should be a skill instead, or needs help with command structure.
ai-integration
Use when integrating LLMs (OpenAI, Qwen, Claude), extracting structured data from text, building prompts, parsing AI responses, handling JSON output, or implementing multi-step AI workflows
vercel-debug
Investigate Vercel deployment errors using Vercel CLI. Use when user shares a Vercel deployment error, build failure, or deployment URL that needs debugging.
customer-persona-intelligence-builder
Synthesize research, data, and insights to create a rich, actionable buyer persona with demographics, psychographics, jobs-to-be-done, pain points, motivations, buying journey, and channel preferences. Use when the user needs to understand their target customer deeply or create a customer persona for marketing strategy.
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".