Design skills

This skill guides styling with Tailwind CSS using the latest patterns, enables theme customization, and applies modern, perceptually uniform OKLCH colors.

This skill generates on-brand blog post thumbnails for Skill Stack using a structured concept brainstorm and Gemini API workflows.

This skill guides you to implement and customize shadcn/ui components using the latest version and modern patterns.

This skill helps teams decompose large React UIs into optimal rendering subgraphs using graph theory for faster, more stable interfaces.

This skill helps architect scalable design token propagation using React Context and CSS-in-JS, enabling dynamic theming and efficient token updates.

This skill helps you create and maintain Architecture Decision Records in Confluence to document architectural decisions and design choices.

This skill helps you design scalable frontend architectures, implement accessible UI, and optimize performance with modern tools and cross-platform workflows.

This skill helps reviewers identify GoF design pattern opportunities in Jakarta EE and MicroProfile code, improving structure and maintainability.

This skill helps you integrate Material Symbols v3 icons across UI elements by importing, styling, and scaling variable font icons for consistent design.

This skill helps educators document pedagogical design decisions in LaTeX materials using didactic notes and the \ltnote command to clarify reasoning.

This skill transforms plain .razor UI into MudBlazor components, reflecting domain CanXxx() states to enhance usability while preserving architecture.

This skill helps you design MongoDB schemas and choose embedding or referencing to optimize queries and scalability.

This skill helps you craft elegant, accessible UI components with polished visuals, tasteful color systems, and responsive interactions.

This skill guides user-centered UI/UX design with design systems, accessibility, tokens, and cross-platform patterns for scalable interfaces.

This skill helps you craft semantic, accessible, and high-performance HTML by applying 30 production-ready rules across structure, forms, and SEO.

This skill orchestrates meta-skill creation and automated quality assurance to transform skill design into a repeatable, scalable process.

This skill helps you craft educational knowledge comics in multiple styles with detailed panels and layout guidance.

This skill guides implementing thin adapter server actions in Next.js by resolving use cases via DI and returning DTOs.

This skill helps you design, review, and implement APIs per AEP core standards ensuring consistency and machine-readable designs.

This skill enables fluid drag-and-drop with physics-based animations, tracking pointer events, collisions, and spring-like reordering for responsive UIs.

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