frontend▌

This skill encodes the design philosophy behind Family — a product widely praised for feeling alive, welcoming, and intentional. Originally documented by Benji Taylor at benji.org/family-values.

This skill provides comprehensive guidance for building modern web applications with the SvelteKit 2 + Svelte 5 + Tailwind CSS v4 stack.

Design and optimize SQL and NoSQL database schemas with normalization, indexing, and migration strategies. \n \n Covers entity definition, relationship design (1:1, 1:N, N:M), and normalization levels (1NF–3NF) for PostgreSQL, MySQL, MongoDB, and SQLite \n Provides indexing strategies, constraint setup, and trigger implementation to ensure data integrity and query performance \n Includes migration script generation with UP/DOWN rollback capabilities for safe schema evolution \n Delivers complete

Audience-centered presentation design framework covering planning, visual strategy, cognitive load, and evaluation. \n \n Provides assertion-evidence structure to replace bullet points with clear claims supported by visual evidence, reducing cognitive overload \n Includes four evaluation phases: audience and content planning, visual strategy, cognitive load management, and structure patterns with scoring rubrics \n Covers five common anti-patterns (data dumps, script reading, template traps, ani

Essential reference guide for ADK agent development, covering spec-driven workflow, code preservation rules, and operational best practices. \n \n Read DESIGN_SPEC.md first as your primary source of truth; all implementation decisions must align with it \n Follow four mandatory phases: understand spec, build and implement, evaluate (using /adk-eval-guide ), and deploy with human approval \n Preserve all unrelated code when making modifications; only alter explicitly targeted segments and never c

Generates optimized prompts tailored to specific models and identity methods. Different models respond differently to prompts.

$21

Vue 3 Composition API with script setup, reactivity system, and built-in components for single-file components. \n \n Use <script setup lang=\"ts\"> with TypeScript; leverage defineProps , defineEmits , defineModel , and other macros for type-safe component APIs \n Core reactivity includes ref , shallowRef , computed , watch , watchEffect , and lifecycle hooks; prefer shallowRef when deep reactivity isn't needed \n Built-in components cover Transition , Teleport , Suspense , KeepAlive , and

Use when:

REST and GraphQL API design with comprehensive OpenAPI 3.1 specifications and architectural guidance. \n \n Covers resource modeling, endpoint design, HTTP method semantics, and URI patterns with strict REST principles \n Includes OpenAPI 3.1 templates, RFC 7807 error response standards, and validation workflows using Redocly and Prism mock servers \n Provides reference guides for versioning strategies, pagination patterns (cursor, offset, keyset), and backward-compatibility planning \n Enforces