design AI Agent Skills

system-design

527

Joelhooks Swarm Tools System Design

Principles for building reusable coding systems. Use when designing modules, APIs, CLIs, or any code meant to be used by others. Based on "A Philosophy of Software Design" by John Ousterhout. Covers deep modules, complexity management, and design red flags.

Design First

451

rohitg00

Think before coding - design the solution before implementing

architect

249

0xSero

Design systems, plan implementations, review architecture decisions - Use when you need to plan a complex feature, design system architecture, or make high-level technical decisions.

code-quality-principles

196

athola

Provides guidance on fundamental software design principles to reduce complexity, prevent over-engineering, and improve maintainability.

methodology-curator

196

athola

Surfaces expert frameworks and proven methodologies before creating OR evaluating skills, hooks, agents, or commands. Helps select approaches from domain masters. Use when starting creation workflows, evaluating methodology gaps, or seeking domain expertise. Do not use if you already have a specific methodology or are fixing syntax/structural issues.

presentation-builder

97

yonatangross

Creates zero-dependency, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web slides, or create a slide deck for a talk, pitch, or tutorial. Generates single self-contained HTML files with inline CSS/JS.

brainstorming

97

yonatangross

Design exploration with parallel agents. Use when brainstorming ideas, exploring solutions, or comparing alternatives.

Responsive Design Testing Automation

71

PramodDutta

Automated responsive design testing across breakpoints, viewports, and devices with visual comparison and layout verification.

TDD Red-Green-Refactor

71

PramodDutta

Test-Driven Development mastery with red-green-refactor cycle, outside-in TDD, test-first design, and incremental development patterns.

design

57

atrislabs

Frontend aesthetics policy. Use when building UI, components, landing pages, dashboards, or any frontend work. Prevents generic ai-generated look.

figma-to-generateblocks

48

wpgaurav

Convert Figma designs to GenerateBlocks V2 format for WordPress

simulator-effect

30

SimHacker

Implication beats simulation — imagination renders (Will Wright)

mooco

30

SimHacker

Custom orchestrator design notes and skill interface expectations

format-design

30

SimHacker

How to design formats that succeed — simplicity, community, timing

procedural-rhetoric

30

SimHacker

Rules persuade. Structure IS argument. Design consciously.

design-patterns-expert

28

rysweet

Comprehensive knowledge of all 23 Gang of Four design patterns with progressive disclosure (Quick/Practical/Deep), pattern recognition for problem-solving, and philosophy-aligned guidance to prevent over-engineering.

Database Design Expert

25

martinholovsky

Expert in database schema design with focus on normalization, indexing strategies, FTS optimization, and performance-oriented architecture for desktop applications

frontend-design

18

LangConfig

Expert guidance for creating production-grade, distinctive frontend interfaces. Use when designing UIs, choosing aesthetics, or building memorable web experiences.

software-patterns

15

bobmatnyc

Decision framework for architectural patterns including DI, SOA, Repository, Domain Events, Circuit Breaker, and Anti-Corruption Layer. Use when designing systems, choosing patterns, or reviewing architecture.

brainstorming

15

Oimiragieo Agent Studio Brainstorming

Socratic design refinement before implementation — challenges assumptions, surfaces alternatives, identifies risks before code is written

ARCHITECT ADR

13

sddevelopment-be

Prompt for Architect Alphonso to perform analysis and draft a Proposed ADR

SwiftUI Multiplatform Design Guide

11

mosif16

Unified SwiftUI architecture for iOS, iPadOS, macOS, and visionOS with spatial design principles.

frontend-design

6

Atman36

Create distinctive, production-grade frontend interfaces with exceptional design quality. Use when building web components, pages, or applications that need creative, polished aesthetics.

canvas-design

2

organvm-iv-taxis

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.

senior-frontend

arielperez82

Comprehensive frontend development skill for building modern, performant web applications using React, Next.js, TypeScript, Tailwind CSS. Includes component scaffolding, performance optimization, bundle analysis, and UI best practices. Use when developing frontend features, optimizing performance, implementing UI/UX designs, managing state, or reviewing frontend code.

senior-qa

arielperez82

Comprehensive QA and testing skill for quality assurance, test automation, and testing strategies for ReactJS, NextJS, NodeJS applications. Includes test suite generation, coverage analysis, E2E testing setup, and quality metrics. Use when designing test strategies, writing test cases, implementing test automation, performing manual testing, or analyzing test coverage.

senior-fullstack

arielperez82

Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns, and complete tech stack guidance. Use when building new projects, analyzing code quality, implementing design patterns, or setting up development workflows.

ux-researcher-designer

arielperez82

UX research and design toolkit for Senior UX Designer/Researcher including data-driven persona generation, journey mapping, usability testing frameworks, and research synthesis. Use for user research, persona creation, journey mapping, and design validation.

frontend-design

Capitan-Buzz

Create distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Focuses on creative direction and memorable design choices.

senior-prompt-engineer

arielperez82

World-class prompt engineering skill for LLM optimization, prompt patterns, structured outputs, and AI product development. Expertise in Claude, GPT-4, prompt design patterns, few-shot learning, chain-of-thought, and AI evaluation. Includes RAG optimization, agent design, and LLM system architecture. Use when building AI products, optimizing LLM performance, designing agentic systems, or implementing advanced prompting techniques.

senior-architect

arielperez82

Comprehensive software architecture skill for designing scalable, maintainable systems using ReactJS, NextJS, NodeJS, Express, React Native, Swift, Kotlin, Flutter, Postgres, GraphQL, Go, Python. Includes architecture diagram generation, system design patterns, tech stack decision frameworks, and dependency analysis. Use when designing system architecture, making technical decisions, creating architecture diagrams, evaluating trade-offs, or defining integration patterns.

senior-backend

arielperez82

Comprehensive backend development skill for building scalable backend systems using Node.js, Express, Go, Python, PostgreSQL, GraphQL, REST APIs. Includes API scaffolding, database optimization, security implementation, and performance tuning. Use when designing APIs, optimizing database queries, implementing business logic, handling authentication/authorization, or reviewing backend code.

senior-data-scientist

arielperez82

World-class data science skill for statistical modeling, experimentation, causal inference, and advanced analytics. Expertise in Python (NumPy, Pandas, Scikit-learn), R, SQL, statistical methods, A/B testing, time series, and business intelligence. Includes experiment design, feature engineering, model evaluation, and stakeholder communication. Use when designing experiments, building predictive models, performing causal analysis, or driving data-driven decisions.

business-analyst-toolkit

arielperez82

Business process analysis, requirements documentation, and workflow optimization for retail, supply chain, and technology organizations

ui-design-system

arielperez82

UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.

senior-security

arielperez82

Comprehensive security engineering skill for application security, penetration testing, security architecture, and compliance auditing. Includes security assessment tools, threat modeling, crypto implementation, and security automation. Use when designing security architecture, conducting penetration tests, implementing cryptography, or performing security audits.

implementation-sketch

gyanranjan

Create implementation plans, technical designs, and architecture sketches from requirements or feature descriptions. Use when someone asks for an implementation plan, technical approach, system design, architecture sketch, or "how would we build this". Also triggers on "break this into tasks", "design this system", or "create a technical plan".

product-strategist

arielperez82

Strategic product leadership toolkit for Head of Product including OKR cascade generation, market analysis, vision setting, and team scaling. Use for strategic planning, goal alignment, competitive analysis, and organizational design.

Agent Architect

Zack-Zhaoo

AI Agent architecture design assistant. Used to design Agent architectures for specific scenarios, recommending suitable reasoning modes, memory strategies, tool combinations, and multi-agent collaboration schemes. Input a scenario description and receive architecture recommendations, mode suggestions, and implementation guidance.

senior-data-engineer

arielperez82

World-class data engineering skill for building scalable data pipelines, ETL/ELT systems, real-time streaming, and data infrastructure. Expertise in Python, SQL, Spark, Airflow, dbt, Kafka, Flink, Kinesis, and modern data stack. Includes data modeling, pipeline orchestration, data quality, streaming quality monitoring, and DataOps. Use when designing data architectures, building batch or streaming data pipelines, optimizing data workflows, or implementing data governance.