frontend▌

$23

Use this skill when the user:

swiftui-code-review

Use this skill when you need to:

These are instructions for creating design philosophies - aesthetic movements that are then EXPRESSED VISUALLY. Output only .md files, .pdf files, and .png files.

Map concepts to semantically appropriate icons across Lucide, Heroicons, and Phosphor libraries. \n \n Provides a quick reference table of 20 common concepts with icon names across all three libraries, plus a decision tree for selecting icons when uncertain \n Covers sizing rules (16px inline to 64px decorative), consistency patterns (no style mixing, no emoji), and tree-shaking best practices to avoid bundling unused icons \n Includes semantic mapping, React/HTML templates, and library comparis

Design LLM-facing tool schemas that prevent hallucination, silent failures, and token waste. \n \n Focuses on JSON Schema design, input examples, and error handling patterns that help LLMs use tools correctly \n Emphasizes explicit documentation and clear descriptions over implementation details, since LLMs only see the schema \n Identifies anti-patterns like vague descriptions, silent failures, and tool overload that cause agent failures \n Covers function-calling, MCP tools, and tool validatio

Create comprehensive brand guidelines to ensure consistent visual and verbal identity.

Authentication for React SPAs using Auth0 Universal Login with redirect-based flows. \n \n Supports React 16–19 with Vite or Create React App; wraps your app with Auth0Provider and exposes hooks like useAuth0() , loginWithRedirect() , and logout() \n Handles user sessions, access tokens, and profile data automatically; SDK manages secure token storage without manual localStorage handling \n Includes protected routes, API token injection, and error handling patterns documented in the integration

Principle-based design patterns for website sections that avoid AI-generated aesthetics. \n \n Covers five core section types: heroes, cards, CTAs, trust signals, and testimonials with context-specific guidance for different business types \n Teaches WHY and WHEN to use each pattern, not just templates; includes explicit anti-patterns like democratic design, perfect symmetry, and generic copy \n Provides cross-cutting principles on hierarchy, asymmetry, and restraint that apply across all patter