Design
15354 skills in Content & Media > Design
diktat-styling
Apply Diktat.ai design system guidelines when creating or reviewing Vue/Nuxt components. Use this skill when implementing new UI components, reviewing existing components for design consistency, or answering questions about styling patterns. Includes glass-morphism aesthetics, brand colors (indigo-purple gradient), Tailwind CSS patterns, and component templates.
design-doc-reviewer
Use when reviewing design documents, technical specifications, or architecture docs before implementation planning. Performs exhaustive analysis to ensure the design is specific enough to create a detailed, coherent, and actionable implementation plan without hand-waving or ambiguity.
component-styling
Component style templates and BEM naming for vehicle insurance platform. Use when styling Vue components, implementing BEM classes, creating responsive layouts, or writing scoped CSS. Keywords: BEM naming, component styles, KpiCard, FilterPanel, scoped CSS, responsive design, card styles, button styles, form controls.
motion-designer
Use when designing visual motion systems, creating animation specifications, or when a designer needs guidance on crafting beautiful, meaningful movement.
build-tools
Build tool configuration for tsup, tsx, and bundlers. Use when setting up build pipelines.
mastering-gcloud-commands
Expert-level Google Cloud CLI (gcloud) skill for managing GCP resources. Use when workingwith "gcloud commands", "cloud run deploy", "alloydb", "cloud sql", "workload identityfederation", "iam permissions", "vpc networking", "secret manager", or "artifact registry".Covers installation, authentication, IAM, Cloud Run, Cloud Storage, VPC, AlloyDB, Firebase,and CI/CD integration with GitHub Actions and Cloud Build.
managing-supabase-databases
Creating and managing Supabase PostgreSQL databases for StickerNest. Use when the user asks to create tables, add columns, write migrations, design schemas, implement RLS policies, optimize indexes, partition tables, or scale the database. Covers enterprise-grade security, performance optimization, and social features.
moai-alfred-ask-user-questions
Guide Alfred sub-agents to actively invoke AskUserQuestion for ambiguous decisions.
build-and-deploy
Build and deploy this Next.js LangChain retrieval application with Supabase vector store. Use when building, deploying, setting up vector store, or preparing the project for production.
skill-reviewer
Reviews Claude skills against Anthropic's official design philosophy and specifications. Use when asked to review, validate, or check if a skill follows best practices.
user-guides
Create clear, comprehensive user guides and tutorials including step-by-step instructions, feature explanations, troubleshooting guides, and FAQ sections. Use this skill for documenting user workflows and creating tutorials.
api-design
Expert guide for RESTful API design, Next.js API routes, error handling, validation, and best practices. Use when building endpoints, handling requests, or designing API architecture.
graphql-api
Build GraphQL APIs with schema design, resolvers, and subscriptions.Use when: creating GraphQL server, API with complex queries.Triggers: "graphql", "gql", "apollo", "async-graphql", "strawberry".
task-verification-pipeline
Run and debug a repo verification pipeline (`./verify.sh --ui=false` or equivalent), including stage selection and opt-in E2E tiers.
workload-identity-federation-implementation
Workload Identity Federation implementation guide. GKE setup, IAM bindings, ServiceAccount configuration, migration from service account keys, and troubleshooting patterns.
ds-verify
This skill should be used when the user asks to "verify reproducibility", "confirm the results", "prove it's reproducible", or as Phase 5 of the /ds workflow before claiming completion. Checks reproducibility and requires user acceptance.
clojure-core-async-flow
core.async.flow provides a declarative framework for building process flows with strict separation of application logic from topology, execution, and lifecycle management. Use when building multi-process systems, data pipelines, or when you need coordinated lifecycle management and error handling across communicating processes.
nockapp-api-design
Design new API endpoints following the Hoon-Rust-HTTP pattern used in this NockApp. Use when adding endpoints, modifying SNARK structure, extending the API, or implementing new features.
mobile-devops
Comprehensive mobile DevOps workflow that orchestrates mobile application development, CI/CD for mobile, app store deployment, and mobile device testing. Handles everything from mobile app build automation and testing to app store submission, monitoring, and mobile-specific DevOps practices.
api-review
Evaluate API surfaces against internal guidelines and external examples in any language.