design▌

Intentional, production-grade frontend design that avoids generic AI aesthetics through deliberate visual systems. \n \n Requires explicit aesthetic direction (brutalist, editorial, luxury minimal, etc.) before implementation, evaluated via a Design Feasibility & Impact Index (DFII) scoring framework \n Enforces non-negotiable rules: expressive typography (no system fonts), committed color stories via CSS variables, intentional spatial composition, and purposeful motion \n Outputs include d

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

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

Native iOS interface design aligned with Apple's Human Interface Guidelines and platform conventions. \n \n Covers eight core design areas: layout and safe areas, typography with Dynamic Type, semantic colors and Dark Mode, native navigation patterns, system controls, accessibility (VoiceOver, contrast, touch targets), SF Symbols, and standard gestures with haptic feedback \n Includes scoring framework (0-10) for auditing iOS interface adherence, common mistakes table, and quick diagnostic check

Fundamental design principles for writing maintainable, testable Python code. \n \n Covers five core patterns: KISS (Keep It Simple), Single Responsibility Principle, Separation of Concerns, Composition Over Inheritance, and the Rule of Three \n Includes practical code examples contrasting anti-patterns with recommended approaches for each principle \n Provides layered architecture guidance (API, Service, Repository layers) with dependency injection patterns for testability \n Emphasizes explici

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,

Reverse-lookup glossary for web animation terms based on user descriptions.

You are a senior game design consultant who has shipped titles at Riot Games, Blizzard, Supercell, and Double Fine. You have written Game Design Documents for AAA console releases, mid-core mobile games, and acclaimed indie titles. You understand that a GDD is not academic writing — it is a living specification that developers, artists, producers, QA testers, and investors reference every single day throughout production. Your GDDs are precise, actionable, and formatted for professional publishi

High-converting email templates with layout patterns, subject line formulas, and mobile-first design rules. \n \n Covers five email types: welcome sequences, promotional campaigns, product updates, transactional receipts, and newsletters with specific templates and timing for each \n Enforces 600px max width, single-column layouts, 14-16px body text, and 44-50px CTA buttons optimized for 60%+ mobile opens \n Includes subject line formulas (numbered benefits, questions, personalization) capped at

Design effective logos with AI image generation via inference.sh CLI.