theme.asisaga.com

Bidirectional design token translation between Style Dictionary JSON and _variables.scss for the Genesis Semantic Design System. Converts tokens to SCSS variables and parses existing SCSS back into structured token JSON.

Apply advanced glassmorphism, neon glows, quantum gradients, and consciousness animations using Genesis Ontological mixins. Implement futuristic visual effects while maintaining semantic purity. Use when enhancing visual aesthetics, creating immersive experiences, or implementing advanced UI effects from v2.0+ enhancements.

Migrate legacy CSS and SCSS to Genesis Ontological mixins. Convert raw CSS properties to semantic ontological patterns, ensure zero-CSS compliance in subdomain files, and maintain the three-tier architecture. Use when refactoring existing stylesheets to adopt the ontology system or auditing subdomain SCSS for semantic purity.

Validates SCSS unit compatibility to prevent Sass compilation errors from mixing incompatible units like vw and rem

Manage bidirectional synchronization between _design/ JSON blueprints and Jekyll _includes/_layouts code. _design/ is the single source of truth for both Jekyll and Figma. Forward-syncs blueprints to _data/design/ for Jekyll. Reverse-extracts structural changes from HTML back to blueprints. Keeps genesis-core.scss selectors in step with layout-variants. Enriches blueprints with figmaStyles for Blueprint2Code import.

Author and validate JSON blueprints in _design/ that represent the skeletal structural intent of UI components and page layouts, entirely decoupled from visual styling or framework-specific code.

Create semantic HTML5 templates with accessibility-first principles for Genesis Ontological Design System. Ensure proper landmark elements, meaningful class names, WCAG compliance, and BEM-style naming. Includes ready-to-use component patterns for navigation, forms, cards, modals, and more. Use when building Jekyll templates, includes, or auditing HTML structure for semantic correctness.

Implement Motion.dev (WAAPI) animations with Genesis token-driven spring physics, scroll reveals, and gesture support while respecting prefers-reduced-motion. Use when adding transitions, entrance animations, or gesture-driven motion to Genesis theme components.

Validate and enforce zero-CSS compliance in subdomain page-specific SCSS files. Ensure all styling uses only Genesis Ontological mixins with no raw CSS properties, unit values, color values, or imports. Use when auditing or creating subdomain page-specific SCSS in _sass/main.scss.

Identify semantic gaps in the Genesis Ontological Design System and create well-formed propositions for new variants. Use when subdomain development reveals missing semantic patterns that cannot be expressed with current ontological mixin combinations.

Create ontological propositions for the Genesis Semantic Design System when gaps are identified. Analyze existing variants, formulate semantic intents, and submit PRs to theme repository. Use when subdomain development reveals missing semantic patterns that can't be expressed with current ontological variants.

Review and manage ontological propositions for the Genesis Semantic Design System. Evaluate PRs for semantic purity, check redundancy, ensure universal applicability, and maintain the living genome architecture. Use when reviewing ontological evolution requests or managing the theme's design system variants.

Bootstrap GitHub Copilot agent intelligence system in new repositories with complete setup

Meta-agent that evolves the agent intelligence system through dogfooding, continuous learning, and specification-driven optimization for maximum context window efficiency

Manage documentation lifecycle, enforce standards, validate structure, detect redundancy, and ensure proper archival. Automate documentation quality checks with validation scripts. Use when creating, updating, or organizing documentation across the repository to maintain single source of truth and prevent documentation drift.

Create well-structured, accessible HTML content pages for ASI Saga subdomain repositories. Use when creating HTML pages, blog posts, or data-driven content that relies on theme layouts from theme.asisaga.com. HTML-only, NO Markdown.

Implement mobile-first responsive patterns using Genesis Ontological mixins. Apply WCAG 2.5.5 touch targets, fluid typography, responsive grids, and container queries. Includes production-ready layout patterns for grids, dashboards, navigation, forms, and media. Use when implementing responsive layouts, optimizing mobile UX, or ensuring accessibility compliance across viewport sizes.