# Design & UX, forgehouse

> 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.

## 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)
- [Accessibility Compliance](https://forgehouse.ai/skills/accessibility-compliance/), Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns…
- [Animated Site Prompts](https://forgehouse.ai/skills/animated-site-prompts/), Production-ready prompts for animated websites
- [Brand Guidelines](https://forgehouse.ai/skills/brand-guidelines/), Apply a brand official brand identity to artifacts: colors ( dark, light…
- [Claude Design Integration](https://forgehouse.ai/skills/claude-design-integration/), Claude Design (claude.ai web Apps, 2026-04-14 launch) ↔ Claude Code (terminal) handoff…
- [Design Craft](https://forgehouse.ai/skills/design-craft/), Apply a neuroscience-driven, decision-oriented UI craft methodology to any web design or…
- [Design Intelligence](https://forgehouse.ai/skills/design-intelligence/), Sector-aware design intelligence
- [Design System Patterns](https://forgehouse.ai/skills/design-system-patterns/), Build scalable design systems with design tokens, theming infrastructure, and component…
- [Design Token Parser Specify](https://forgehouse.ai/skills/design-token-parser-specify/), Specify (specifyapp.com) + Style Dictionary + Tokens Studio Figma plugin entegrasyonu ile…
- [Interaction Design](https://forgehouse.ai/skills/interaction-design/), Design and implement microinteractions, motion design, transitions, and user feedback patterns.
- [Mobile Android Design](https://forgehouse.ai/skills/mobile-android-design/), Master Material Design 3 and Jetpack Compose patterns for building native Android apps.
- [Mobile iOS Design](https://forgehouse.ai/skills/mobile-ios-design/), Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps.
- [Nano Banana Mastery](https://forgehouse.ai/skills/nano-banana-mastery/), Master Gemini 3 Pro Image (AI tools) prompt engineering for production-grade social media…
- [React Native Design](https://forgehouse.ai/skills/react-native-design/), Master React Native styling, navigation, and Reanimated animations for cross-platform mobile…
- [Refero Design](https://forgehouse.ai/skills/refero-design/), Research-First design methodology using Refero MCP.
- [Responsive Design](https://forgehouse.ai/skills/responsive-design/), Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and…
- [Screen Reader Testing](https://forgehouse.ai/skills/screen-reader-testing/), Test web applications with screen readers including VoiceOver, NVDA, and JAWS.
- [Shadcn UI](https://forgehouse.ai/skills/shadcn-ui/), Build accessible, customizable UI components using shadcn/ui with Radix primitives, Tailwind…
- [Tailwind Design System](https://forgehouse.ai/skills/tailwind-design-system/), Build scalable design systems with Tailwind CSS, design tokens, component libraries, and…
- [Taste Skill Anti Cookie Cutter](https://forgehouse.ai/skills/taste-skill-anti-cookie-cutter/), AI-uretilmis "slop" tasarimi (generic hero + 3 kolonlu feature + gradient blob + stock…
- [Theme Factory](https://forgehouse.ai/skills/theme-factory/), Toolkit for styling artifacts with curated themes.
- [UI](https://forgehouse.ai/skills/ui/), Frontend development patterns for React components, Next.js pages, forms, and Tailwind styling
- [UX Audit Toolkit Nielsen](https://forgehouse.ai/skills/ux-audit-toolkit-nielsen/), Sistematik UX audit playbook
- [Visual Design Foundations](https://forgehouse.ai/skills/visual-design-foundations/), Apply typography, color theory, spacing systems, and iconography principles to create cohesive…
- [WCAG Audit Patterns](https://forgehouse.ai/skills/wcag-audit-patterns/), Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and…
- [Web Component Design](https://forgehouse.ai/skills/web-component-design/), Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies…
- [Web Design Guidelines](https://forgehouse.ai/skills/web-design-guidelines/), Review UI code for Web Interface Guidelines compliance.

## Agents (2)
- [Creative Director](https://forgehouse.ai/agents/creative-director/), Brand identity and social creative director
- [UX Visionary](https://forgehouse.ai/agents/ux-visionary/), Conversion-first UX and accessibility designer

## FAQ

### 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.

### 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.

### 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.

## Related topics
- [Growth & CRO](https://forgehouse.ai/catalog/growth-cro/), 22 pieces
- [Content & Video](https://forgehouse.ai/catalog/content-video/), 24 pieces
- [Development](https://forgehouse.ai/catalog/development/), 58 pieces

https://forgehouse.ai/catalog/design-ux/