Skills tagged "design" (831)

🧪 Alignment Review

This skill reviews code changes for alignment with OpenEnv principles and RFCs, accelerating safe PR reviews and consistent design.

code-reviewdebuggingdesignlinting

🐛 Altinity Expert Clickhouse Schema

This skill analyzes ClickHouse table designs, partitions, ORDER BY keys, and materialized views to identify anti-patterns and optimization opportunities.

databasesqldataperformance

🎨 Analyse Design

This skill reverse-engineers a design system from code and screenshots to produce a developer-ready design reference for components.

designuxfrontendpython

🎨 Anduril

This skill applies Anduril design constraints to UI work, ensuring sharp corners, single accent usage, and accessible, lightweight typography.

designuxaccessibilityfrontend

🎨 Angular Component

This skill helps you create modern Angular standalone components using v20+ best practices, enabling signal-based inputs/outputs, OnPush, host bindings, and

frontendaccessibilityrefactordesign

🎨 Angular Directives

This skill helps Angular developers create reusable directives for DOM manipulation, behavior extension, and composition across components.

frontenddesignproductivity

🎨 Angular Material

This skill helps you integrate and theming Angular Material components efficiently, promoting proper module imports, styling, and UI consistency.

frontenduxaccessibilitydesign

🎨 Angular Material 19

This skill helps you implement Angular Material 19 theming, timepicker, CDK drag-drop, and dark mode to build cohesive, accessible UIs.

angularfrontendtypescriptdesign

🎨 Animate

This skill analyzes features and adds purposeful animations and micro-interactions to improve usability, feedback, and delight.

frontenduxdesignaccessibility

🎨 Ant Design Guide

This skill helps you query Ant Design 5.x component APIs, props, and patterns with accurate guidance and best practices.

frontenddesigndocsux

🎨 Ant To Shadcn Migration

This skill migrates Ant Design components to shadcn/ui with Tailwind, generating layout skeletons and guiding aggressive CSS cleanup for Next.js App Router.

migrationfrontendrefactordesign

🎨 Antd Skills

This skill automates Ant Design development tasks, delivering code generation, standardization checks, design-to-code conversion, and migration guidance to

frontendautomationcode-reviewmigration

🛡️ Api Contract Design

This skill helps you design, document, and review REST, GraphQL, and OpenAPI contracts for consistent, evolvable APIs that developers love.

apibackenddesignsecurity

🛡️ Api Design

This skill helps you design REST APIs with best practices, validation, and standardized response formats for robust backend endpoints.

restapibackenddesign

🐛 Api Design

This skill guides RESTful API design using resource-oriented principles, enabling consistent, scalable endpoints with JSON responses and proper error handling.

apibackenddesigndocs

🔍 Api Design

This skill helps you design consistent API interfaces and DTOs with unified ApiResponse, camelCase fields, and validation at command boundaries.

apibackenddesignpython

🛡️ Api Guidelines Rfc 39

This skill helps design and review RFC-39 compliant Java REST APIs with standardized patterns for requests, responses, errors, pagination, versioning, and

apibackenddesignsecurity

🧪 Apollo Federation

This skill helps you author Apollo Federation subgraphs by guiding directive usage, schema patterns, and composition troubleshooting for a cohesive supergraph.

graphqldesigndebuggingtesting

🎨 App Icon

This skill generates iOS 26-ready app icons for React Native Expo projects using AI, handling styling, formats, and Android adaptive icon readiness.

designfrontendautomationcli

📋 App Store

This skill helps optimize App Store assets and captions by planning screenshot sequences and messaging to boost ASO and user engagement.

copywritingmarketinggrowthbranding

🎨 Applying Fsd Architecture

This skill helps you architect frontend projects with Feature-Sliced Design by guiding layers, slices, segments, and dependency rules for scalable code.

frontendrefactordesignproductivity

🎨 Arc Diagrams

This skill generates Arc-compatible architecture diagrams as JSON from user input, enabling quick visualization of systems in React apps.

frontendapidatabasecloud

🛡️ Architect

This skill designs scalable system architectures, selects viable tech stacks, and documents decisions to meet functional and non-functional requirements.

backendapisecurityperformance

⚙️ Architecting Agents

This skill helps you design robust AI agent architectures and optimize context management using proven patterns like subagents, isolation, and memory.

aiautomationdesignplanning

📋 Architecting Memory

This skill guides designing persistent memory architectures for AI agents, advancing from Vector RAG to GraphRAG to Temporal Knowledge Graphs.

aidatadesignplanning

📝 Architecture

This skill helps you document architecture and high-level system design, emphasizing interfaces, data flows, and decision rationale.

docsdesignplanning

🛡️ Architecture Decision Framework

This skill guides architecture decisions using ADRs, trade-offs, and C4 diagrams to produce actionable patterns and documentation for complex systems.

designbackendapicloud

📋 Architecture Decision Record

This skill helps you create ADR templates and maintain architectural memory using the Nygard format for decisions, context, consequences, and alternatives.

backenddocsmigrationdesign

🔍 Architecture Guardian

This skill helps enforce clean architecture principles, layering rules, and boundary management to improve module decoupling and interface design.

designrefactorcode-reviewplanning

🧪 Arktype

This skill helps you design robust discriminated unions in TypeScript using arktype's merge and or patterns for scalable commands and events.

typescriptdatadesignrefactor

🎨 Arrange

This skill analyzes and refactors layouts to create intentional rhythm, improving spacing, hierarchy, and visual balance for polished interfaces.

frontenddesignuxreact

✨ Article Batch Illustration

This skill analyzes a Markdown article, generates per-paragraph illustration prompts, batches image creation via Gemini API, and inserts images into Obsidian.

aiautomationdesigncontent

⚙️ Aseprite Frame Extract

This skill exports per-tag frames from Aseprite files into organized folders for engines like Godot, accelerating asset management.

pythonautomationscriptingcli

🛡️ Assesment

This skill guides autonomous risk assessment during design and planning, prompting deep reasoning to uncover root causes before implementation.

automationdesignsecurity

🛡️ Assess

This skill evaluates code, designs, or approaches with a structured 0-10 score, pros/cons, and practical improvement recommendations.

code-reviewtestingsecurityperformance

⚙️ Asset Generator

This skill generates complete app asset sets icons splash screens adaptive icons for iOS Android and Web from a single design config.

designuxbrandingcli

🎨 Atomic Design Fundamentals

This skill describes Atomic Design fundamentals, quarks, atoms, molecules, organisms, templates, pages and how to structure scalable design systems.

frontenddesignuxreact

🎨 Audit

This skill performs a comprehensive audit of accessibility, performance, theming, and responsive design, producing a prioritized issue report with actionable

frontendaccessibilityperformancedesign

🧪 Authoring Claude Md

This skill helps create and maintain CLAUDE.md project memories by capturing non-obvious conventions, patterns, and gotchas beyond code inspection.

aidocswritingpython

🧪 Axiom Swiftui 26 Ref

This skill guides implementing iOS 26 SwiftUI features, enabling Liquid Glass, AttributedString, WebView, Animatable, drag and drop, and visionOS integration.

swiftperformancedesignfrontend

🛡️ Backend Design

This skill enforces elite backend discipline by organizing by business capability, validating edge cases, and documenting failure modes for resilient APIs.

backendapisecurityperformance

🛡️ Backend Developer

This skill helps design robust, secure, and scalable backend systems across Node, Python, Go, and Java with architecture and API best practices.

backendapisecurityperformance

📋 Baoyu Infographic

This skill generates publication-ready infographics by analyzing content and recommending layout and style combinations from 20 layouts and 17 styles.

designdataanalyticspython

📋 Baoyu Xhs Images

This skill generates Xiaohongshu infographic series in multiple styles and layouts, turning content into 1-10 cartoon infographics for easy sharing.

designcontentsocial-mediaai

📋 Baoyu Xhs Images

This skill generates Xiaohongshu infographic series with 9 visual styles and 6 layouts, breaking content into engaging 1-10 image sequences.

designsocial-mediacontentmarketing

🎨 Billing Sdk

This skill helps you integrate BillingSDK quickly by guiding you through React components, CLI setup, and Dodo Payments configuration.

frontendapicliux

📝 Bkit Templates

This skill helps you generate PDCA documents with consistent structure using Plan, Design, Analysis, and Report templates.

docswritingplanningai

🧪 Blitzreels Carousels Instagram

This skill helps you generate Instagram feed carousel projects using BlitzReels with Instagram defaults for 4:5 aspect, safe margins, and captions.

contentsocial-mediamarketingbranding

⚙️ Blockbench Hytale

This skill helps you create Hytale models and animations in Blockbench using the MCP plugin, enforcing constraints and export-ready setups.

automationscriptingdesigndocs

⚙️ Blockbench Texturing

This skill helps you create and texture 3D models in Blockbench using MCP tools for painting, layering, and UV mapping.

designuxautomationdocs

🎨 Bolder

This skill amplifies safe designs by applying distinctive typography, color, and layout choices to create memorable, usable experiences.

designuxfrontendaccessibility

⚙️ Booking Calendar

This skill designs frictionless booking experiences that maximize appointment completions by simplifying forms, clarifying expectations, and ensuring instant

designuxmarketingautomation

📋 Brainstorm

This skill guides you through structured brainstorming to explore options, analyze trade-offs, and converge on a clear implementation plan.

aiplanningproductdesign

📋 Brainstorming

This skill helps convert rough ideas into actionable designs through phased questioning and collaborative exploration before detailing implementation.

designplanningproductux

⚙️ Brainstorming

This skill guides rough ideas into structured designs through collaborative dialogue, exploring options and validating incrementally.

designplanningproductux

📋 Brainstorming

This skill helps transform rough ideas into fully formed designs through collaborative questioning, multiple approaches, and incremental validation before

designplanningproductresearch

🎨 Brainstorming

This skill enables collaborative ideation before implementation, offering multiple options, trade-offs, and strategy to shape features, components, and

planningproductdesignfrontend

📝 Brand Guidelines

This skill helps you craft user-facing copy that follows Sentry brand guidelines across UI, errors, onboarding, and documentation.

brandingcopywritinguxdesign

📝 Brand Guidelines

This skill applies Mastra brand guidelines to documentation and code by enforcing technical writing style, typography, and visual formatting for consistency.

docswritingdesigncontent

⚙️ Brand Identity Template

This skill provides a single source of truth for brand guidelines, design tokens, voice, and tech choices to ensure consistent UI and copy.

brandingdesigncopywritingdocs