Back to tags
Tag

Agent Skills with tag: design

120 skills match this tag. Use tags to discover related Agent Skills and explore similar workflows.

ui-designer

Design UI as information architecture + interaction + visual tone, then translate into implementable specs. Apply when discussing screen design, component design, design systems, or visual hierarchy.

uidesigncomponentsdesign-system
mae616
mae616
7

accessibility_testing

Guide for conducting comprehensive accessibility audits of code to identify WCAG compliance issues and barriers to inclusive design. This skill should be used when reviewing accessibility, ARIA implementation, keyboard navigation, or screen reader compatibility.

[a11yaccessibilitytestingarchitecture
vuralserhat86
vuralserhat86
4212

algorithmic_art

p5.js ile generative art, flow fields ve interactive visuals oluşturma rehberi.

[algorithmicartarchitectureautomation
vuralserhat86
vuralserhat86
4212

api_design

API tasarımı, GraphQL schema, OpenAPI spec, versioning. ⚠️ Tasarım aşaması için kullan. Uygulama/security için → backend-api.

[accessibilityapidesignapi
vuralserhat86
vuralserhat86
4212

arch_decisions

ADR template, database selection, capacity planning ve scalability.

[archdecisionsarchitectureautomation
vuralserhat86
vuralserhat86
4212

arch_patterns

Architecture patterns - monolith vs microservices, layered, event-driven, CQRS.

[archpatternsarchitectureautomation
vuralserhat86
vuralserhat86
4212

auth_patterns

Master authentication and authorization patterns including JWT, OAuth2, session management, and RBAC to build secure, scalable access control systems. Use when implementing auth systems, securing APIs, or debugging security issues.

[accessibilityapiintegrationauth
vuralserhat86
vuralserhat86
4212

backend_api

REST uygulama, validation, security headers, auth patterns. ⚠️ Kod yazarken kullan. API tasarımı/GraphQL için → api-design.

[accessibilityapiintegrationbackend
vuralserhat86
vuralserhat86
4212

backend_core

Node.js/TypeScript temel prensipler, proje yapısı ve TypeScript strict mode kuralları.

[accessibilityapiintegrationbackend
vuralserhat86
vuralserhat86
4212

backend_database

Repository pattern, transactions, caching ve query optimization.

[accessibilityapiintegrationbackend
vuralserhat86
vuralserhat86
4212

better_auth

The ultimate authentication and authorization skill. Implement login, signin, signup, registration, OAuth, 2FA, MFA, passkeys, and user session management. Secure your application with RBAC and access control.

[accessibilityapiintegrationbackend
vuralserhat86
vuralserhat86
4212

canvas_design

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

[accessibilityapiintegrationbackend
vuralserhat86
vuralserhat86
4212

clerk_auth

Clerk modern authentication, WebAuthn, passkeys ve social auth entegrasyonu rehberi.

[accessibilityapiintegrationbackend
vuralserhat86
vuralserhat86
4212

cli_developer

Expert CLI developer for command-line tools, terminal applications, and developer utilities. Invoke for CLI design, argument parsing, interactive prompts, progress indicators, shell completions. Keywords: CLI, terminal, command-line, commander, click, cobra.

[architectureautomationbestpractices
vuralserhat86
vuralserhat86
4212

code_formatter

Otomatik kod formatlama, Prettier/ESLint entegrasyonu ve kod stil tutarlılığı rehberi.

[bigdatacleaningcode
vuralserhat86
vuralserhat86
4212

code_review

PR review, code smell detection, best practice kontrolü. ⚠️ Kod incelerken kullan. Deliverable kontrolü için → quality-validator, doküman review için → peer-review.

[architectureautomationbestpractices
vuralserhat86
vuralserhat86
4212

competitor_analysis

Rakip analizi, SEO/strateji karşılaştırma ve pazar pozisyonlama rehberi.

[architectureautomationbestpractices
vuralserhat86
vuralserhat86
4212

design_tokens

8-point grid spacing, typography scale ve color system. Temel tasarım değişkenleri.

[accessibilityapiintegrationbackend
vuralserhat86
vuralserhat86
4212

compliance_analyst

Sertifikasyon, uyumluluk gereksinimleri ve regulatory pathway araştırma rehberi.

[architectureautomationbestpractices
vuralserhat86
vuralserhat86
4212

content_strategist

Creates high-quality, SEO-optimized content that ranks in search engines. Applies on-page SEO best practices, keyword optimization, and content structure for maximum visibility and engagement.

[architectureautomationbestpractices
vuralserhat86
vuralserhat86
4212

context_engineering

Apply optimization techniques to extend effective context capacity. Use when context limits constrain agent performance, when optimizing for cost or latency, or when implementing long-running agent systems.

[architectureautomationbestpractices
vuralserhat86
vuralserhat86
4212

data_transform

Transform raw data into analytical assets using ETL/ELT patterns, SQL (dbt), Python (pandas/polars/PySpark), and orchestration (Airflow). Use when building data pipelines, implementing incremental models, migrating from pandas to polars, or orchestrating multi-step transformations with testing and quality checks.

[bigdatacleaningcsv
vuralserhat86
vuralserhat86
4212

data_visualization

Generate data visualizations, plots, and charts. Analyzes data structure to select optimal visualization types. supports bar charts, line graphs, and scatter plots for clarity.

[bigdatachartscleaning
vuralserhat86
vuralserhat86
4212

database_design

Schema tasarımı, migration stratejileri, indexing, query optimization ve database best practices.

[accessibilityapiintegrationbackend
vuralserhat86
vuralserhat86
4212

database_migration

Execute database migrations across ORMs and platforms with zero-downtime strategies, data transformation, and rollback procedures. Use when migrating databases, changing schemas, performing data transformations, or implementing zero-downtime deployment strategies.

[bigdatacleaningcsv
vuralserhat86
vuralserhat86
4212

debugging_methodology

Sistematik debugging döngüsü - reproduce, isolate, hypothesize, fix.

[architectureautomationbestpractices
vuralserhat86
vuralserhat86
4212

debugging_tools

Debugging araçları - console, debugger, network, profiling.

[architectureautomationbestpractices
vuralserhat86
vuralserhat86
4212

deps_npm

npm/yarn dependency management, package.json best practices ve version control.

[architectureautomationbestpractices
vuralserhat86
vuralserhat86
4212

design_components

Button, card, input ve icon sizing kuralları. Component boyutlandırma standartları.

[accessibilityapiintegrationbackend
vuralserhat86
vuralserhat86
4212

design_patterns

Visual hierarchy, z-index, shadows, animations ve white space kuralları.

[accessibilityapiintegrationbackend
vuralserhat86
vuralserhat86
4212

design_responsive

Breakpoints, fluid typography, container queries ve modern CSS features.

[accessibilityapiintegrationbackend
vuralserhat86
vuralserhat86
4212

docs_api

OpenAPI/Swagger API documentation ve endpoint belgeleme şablonları.

[accessibilityapiintegrationbackend
vuralserhat86
vuralserhat86
4212

docs_code

Code comments, JSDoc/TSDoc ve changelog best practices.

[architectureautomationbestpractices
vuralserhat86
vuralserhat86
4212

docs_readme

README best practices ve proje dokümantasyon şablonları.

[architectureautomationbestpractices
vuralserhat86
vuralserhat86
4212

docx

Comprehensive document creation, editing, and analysis with support for tracked changes, comments, formatting preservation, and text extraction. When Claude needs to work with professional documents (.docx files) for: (1) Creating new documents, (2) Modifying or editing content, (3) Working with tracked changes, (4) Adding comments, or any other document tasks

[architectureautomationbestpractices
vuralserhat86
vuralserhat86
4212

drizzle_orm

Type-safe ORM for Cloudflare D1 databases using Drizzle. Provides patterns for schema definition, migrations, and type-safe queries. Prevents transaction errors and schema mismatches. Includes templates for strict TypeScript usage.

[bigdatacleaningcsv
vuralserhat86
vuralserhat86
4212

error_handling

Master error handling patterns across languages including exceptions, Result types, error propagation, and graceful degradation to build resilient applications. Use when implementing error handling, designing APIs, or improving application reliability.

[architectureautomationbestpractices
vuralserhat86
vuralserhat86
4212

figma_integration

Figma design-to-code, design system extraction ve component generation rehberi.

[architectureautomationbestpractices
vuralserhat86
vuralserhat86
4212

firestore_patterns

Firebase Firestore NoSQL patterns, real-time sync ve security rules rehberi.

[architectureautomationbestpractices
vuralserhat86
vuralserhat86
4212

form_builder

Builds form components and data collection interfaces including contact forms, registration flows, checkout processes, surveys, and settings pages. Includes 50+ input types, validation strategies, accessibility patterns (WCAG 2.1), multi-step wizards, and UX best practices. Provides decision trees from data type to component selection, validation timing guidance, and error handling patterns. Use when creating forms, collecting user input, building surveys, implementing validation, designing multi-step workflows, or ensuring form accessibility.

[accessibilityapiintegrationbackend
vuralserhat86
vuralserhat86
4212

frontend_design

Premium/yaratıcı UI tasarım. ⚠️ Distinctive, memorable interface için kullan. Temel UI için → design-patterns.

[accessibilityapiintegrationbackend
vuralserhat86
vuralserhat86
4212

git_workflow

Branch stratejisi, commit conventions, merge conflict çözümü ve Git best practices rehberi.

[architectureautomationbestpractices
vuralserhat86
vuralserhat86
4212

graphql_architect

GraphQL schema architect for efficient, scalable API graphs. Invoke for federation, subscriptions, query optimization. Keywords: GraphQL, Apollo, Federation, schema design, resolvers.

[architectureautomationbestpractices
vuralserhat86
vuralserhat86
4212

huggingface_transformers

Hugging Face Transformers best practices including model loading, tokenization, fine-tuning workflows, and inference optimization. Use when working with transformer models, fine-tuning LLMs, implementing NLP tasks, or optimizing transformer inference.

[bertbigdatacleaning
vuralserhat86
vuralserhat86
4212

hypothesis_generation

Bilimsel hipotez oluşturma, deney tasarımı ve test metodolojisi rehberi.

[architectureautomationbestpractices
vuralserhat86
vuralserhat86
4212

image_enhancer

Improves the quality of images, especially screenshots, by enhancing resolution, sharpness, and clarity. Perfect for preparing images for presentations, documentation, or social media posts.

[architectureautomationbestpractices
vuralserhat86
vuralserhat86
4212

incident_response

Coordinate security incident response efforts. Includes classification, playbook generation, evidence gathering, and remediation planning. Validates response strategies against best practices.

[architectureautomationbestpractices
vuralserhat86
vuralserhat86
4212

keyword_research

SEO keyword araştırma, arama hacmi analizi ve içerik stratejisi rehberi.

[architectureautomationbestpractices
vuralserhat86
vuralserhat86
4212

kubernetes_specialist

Expert Kubernetes specialist for production-grade container orchestration. Invoke for cluster management, workload deployment, security hardening, and performance optimization. Keywords: Kubernetes, K8s, kubectl, Helm, RBAC, NetworkPolicy.

[architectureautomationbestpractices
vuralserhat86
vuralserhat86
4212

market_analyst

Pazar analizi, TAM/SAM/SOM hesaplama, rekabet analizi ve müşteri segmentasyonu rehberi.

[architectureautomationbestpractices
vuralserhat86
vuralserhat86
4212

Page 1 of 3 · 120 results