Catalog · topic

Design & UX

Ship interfaces that convert visitors and pass accessibility standards. Design systems, polished components, accessibility audits and page composition based on how people actually read screens.

What ties these together is refusing to design on taste alone. Sector data sets the direction, accessibility becomes a number you can check instead of a feeling, and a three-round review replaces "looks fine" with verified contrast and composition.

26 skills · 2 agents

Who this shelf is for
  • Developer who ships UI but second-guesses every color and spacing call
  • Founder tired of designs that look generic and AI-made
  • Agency designer who needs accessibility proof, not just a feeling
Where to start

Start with the Design Intelligence Kit to see what works in your sector before you design anything, then check the result with Accessibility Compliance.

Skills 26

Design & UX Skill

Brand Guidelines

Apply a brand official brand identity to artifacts: colors ( dark, light…

$15
Inspect →
Design & UX Skill

Design Craft

Apply a neuroscience-driven, decision-oriented UI craft methodology to any web design or…

$15
Inspect →
Design & UX Skill

Interaction Design

Design and implement microinteractions, motion design, transitions, and user feedback patterns.

$15
Inspect →
Design & UX Skill

Mobile iOS Design

Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps.

$15
Inspect →
Design & UX Skill

Nano Banana Mastery

Master Gemini 3 Pro Image (AI tools) prompt engineering for production-grade social media…

$15
Inspect →
Design & UX Skill

React Native Design

Master React Native styling, navigation, and Reanimated animations for cross-platform mobile…

$15
Inspect →
Design & UX Skill

Responsive Design

Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and…

$15
Inspect →
Design & UX Skill

Shadcn UI

Build accessible, customizable UI components using shadcn/ui with Radix primitives, Tailwind…

$15
Inspect →
Design & UX Skill

UI

Frontend development patterns for React components, Next.js pages, forms, and Tailwind styling

$15
Inspect →
Design & UX Skill

WCAG Audit Patterns

Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and…

$15
Inspect →
Design & UX Skill

Web Component Design

Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies…

$15
Inspect →

Agents 2

Questions · still in the air

Catch what's on your mind.

the air is clear. nothing between you and the forge.
catch a spark: the forge will answer

  1. Do design skills produce real code or just mockups?

    Production code. The component skills ship accessible, WCAG-checked interface work, and Accessibility Compliance audits what you already have. Mockup tools are not what an agency bills with; working components are.

  2. What does “neuroscience-grounded composition” mean in practice?

    Every element gets a job: the headline anchors attention, the CTA sits where the eye lands, emphasis follows Von Restorff instead of decorating. The skills encode that system so pages are composed, not assembled.

  3. Can Claude audit my existing site’s accessibility?

    Yes. Accessibility Compliance runs the WCAG 2.2 AA pass: real contrast math on real backgrounds, keyboard paths, focus states and touch targets, returned as a fix list rather than a score.