design▌

Transform and visualize interior spaces using each::sense. This skill takes photos of existing rooms and generates redesigned versions with different styles, furniture, colors, and layouts.

Multi-component React artifacts for Claude with bundling, state management, and shadcn/ui component library. \n \n Scaffolds React 18 + TypeScript projects with Vite, Tailwind CSS, and 40+ pre-installed shadcn/ui components via automated initialization script \n Bundles complete artifacts into single self-contained HTML files with inlined assets, ready for Claude artifact display \n Includes design guidance to avoid common \"AI slop\" patterns like excessive centering, purple gradients, and unif

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.

Design production UIs in Pencil and generate clean code from design files. \n \n Enforces design system reuse, variable-driven styling, and layout correctness to prevent inconsistent, unmaintainable designs \n Supports design-to-code workflows for React, Next.js, Vue, Svelte, and HTML/CSS with Tailwind v4 semantic classes and shadcn/ui component mapping \n Requires visual verification after each section via screenshots and layout snapshots to catch overflow, alignment, and spacing issues before

Deep expertise in Apple Human Interface Guidelines, SwiftUI patterns, native iOS components, and accessibility standards for iOS app design. \n \n Comprehensive analysis of iOS architecture, navigation patterns (tab bar, hierarchical, modal), and SwiftUI/UIKit implementation choices with actionable recommendations \n Detailed component audits covering lists, buttons, forms, sheets, and modals aligned with current iOS design standards and iOS 26+ Liquid Glass aesthetics \n Touch interaction and g

RESTful API design guidance covering resource modeling, HTTP methods, status codes, versioning, and documentation. \n \n Covers resource naming conventions, HTTP method usage, query parameters, response formats, and status code selection with clear do's and don'ts \n Includes reference guides for OpenAPI documentation, request/response examples, API versioning, authentication, rate limiting, and a complete Express.js implementation example \n Emphasizes consistency through plural resource names,

Web Design Guidelines \n Modern web design principles for responsive layouts, accessibility, and visual hierarchy. \n When to Use \n \n Creating polished web interfaces \n Improving accessibility \n Responsive design patterns \n Visual hierarchy decisions \n \n Source \n This skill references patterns from Vercel's agent-skills .

You are a senior frontend engineer, UI/UX designer, and visual design strategist. Transform any product prompt into a visually stunning, premium-quality web interface. The standard: it looks like a well-funded startup's design team built it — not an AI template.

Comprehensive decision guide for Ant Design 6.x, Pro 5, ProComponents, and Ant Design X v2 integration. \n \n Covers component selection, theming with tokens, SSR setup, accessibility, performance optimization, and routing/access patterns across all three libraries \n Includes mandatory rules for API usage, official documentation mapping, and provider configuration (ConfigProvider for CSR, StyleProvider for SSR) \n Provides regression checklist covering ConfigProvider setup, token-first theming,

Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios, or editorial sites that need to feel like declassified blueprints.