rodydavis
- 83 skills
- 0 followers
- 5 hours ago last updated
- ▌ Signals Hooks 2 · rodydavis bundleComprehensive hook utility functions integrating reactive signals seamlessly with flutter_hooks.
- ▌ Open XML DOCX · rodydavis bundleGuide and examples for using OpenXML Docx features in the open_xml package.
- ▌ Open XML PPTX · rodydavis bundleGuide and examples for using OpenXML Pptx features in the open_xml package.
- ▌ Open XML XLSX · rodydavis bundleGuide and examples for using OpenXML Xlsx features in the open_xml package.
- ▌ Open XML Package · rodydavis bundleGuide and examples for using OpenXML Package features in the open_xml package.
- ▌ Fix Links · rodydavis bundleAuto-correct relative links, asset paths, and related links in markdown documents based on folder depth.
- ▌ Update Docs · rodydavis bundleProcess all markdown documentation files to generate AI summaries and embeddings (using Ollama), apply taxonomy tags, and compute KNN related links.
- ▌ Import Videos · rodydavis bundleImport YouTube video details using yt-dlp, automatically generating Astro Markdown pages with metadata, iframe embeds, and descriptions.
- ▌ Inject Titles · rodydavis bundleEnsure all markdown documents have their frontmatter titles injected as standard H1 headings at the start of the body.
- ▌ Migrate Images · rodydavis bundleScrape, download, and localize external or relative images referenced in markdown files to Astro's src/assets folder and rewrite image links.
- ▌ Signals Dart · rodydavis bundleAdvanced reactive state primitives, collections, mixins, and utilities of signals_core.
- ▌ Signals Lint · rodydavis bundleStandardized compiler diagnostics, static analysis lints, and automated IDE quick-fixes.
- ▌ Signals Hooks · rodydavis bundleComprehensive reactive state hooks for integration with flutter_hooks.
- ▌ Signals Flutter · rodydavis bundleHighly optimized Flutter UI bindings and GPU rendering for reactive signals.
- ▌ Signals Preact Dart · rodydavis bundleCore reactive programming best practices and primitive definitions for preact_signals in Dart.
- ▌ Jaspr Styling · rodydavis bundleWrite type-safe CSS-in-Dart to style Jaspr components. Use this skill when styling components, implementing themes, or using CSS properties.
- ▌ Update Preact · rodydavisInstructions and guidelines for updating the pinned Preact JS git submodule and synchronizing upstream updates to the Dart preact_signals package.
- ▌ Jaspr JS Interop · rodydavisEffectively integrate with Javascript when building Jaspr web applications. Use this skill when wrapping an existing JS library, accessing browser-native APIs, or bridging code safely across environments.
- ▌ Signals Migration 6 To 7 · rodydavis bundleDetailed guidelines, patterns, and rules for migrating codebases from signals.dart version 6.x to version 7.x.
- ▌ Increase Coverage · rodydavisSystematic guidelines for executing code coverage tools, analyzing gaps in testing, and implementing targeted tests to maximize code coverage across the reactive framework.
- ▌ Jaspr Convert HTML · rodydavisUse when you need to convert / rewrite existing HTML (from a file or url) into Jaspr code.
- ▌ Jaspr Fundamentals · rodydavis bundleUse when working in a Jaspr project, on Jaspr components, or other Jaspr-related tasks. Contains fundamentals of writing Jaspr components and using HTML components.
- ▌ Update Docs Workflow · rodydavisReview the current Jaspr docs, audit source code doc comments, edit the source code, and run the generator script to verify docs updates.
- ▌ Update Examples Dependencies · rodydavis bundleUpdate all the `./examples` dependencies to the latest repository/third-party versions and fix any compiler or analysis issues.
- ▌ Jaspr Pre Rendering And Hydration · rodydavisUse when working in a **static** or **server** mode Jaspr project. Covers SSR/SSG, async data fetching, the @client annotation, hydration, and handling dual entrypoints (.server.dart vs .client.dart).
- ▌ Dotfiles Management · rodydavisGuidelines and rules for managing the user's dotfiles repository, config files, and installation scripts.
- ▌ Check If An Object Is Truthy In Dart · rodydavisLearn how to extend Dart's functionality to implement JavaScript-style "truthy" checks for easier conditional logic and value evaluations.
- ▌ How To Do Full Text Search With Sqlite · rodydavisLearn how to supercharge your SQLite databases with full-text search capabilities using the built-in fts5 extension, enabling efficient and powerful querying with the `MATCH` keyword.
- ▌ How To Do Bitwise Operations In Dart · rodydavisExplore Dart's bitwise operations for both integers and booleans, including AND, OR (inclusive & exclusive), NAND, NOR, and XNOR, with practical code examples.
- ▌ Lit And Figma · rodydavisLearn how to create a Figma plugin using Lit web components, including project setup, component creation, WASM integration, and building the final plugin for use in Figma.
- ▌ How To Store Sqlite As Nosql Store · rodydavisDiscover how to leverage SQLite's JSON support to build a NoSQL-like document store, complete with TTL-based expiration, within this powerful embedded database.
- ▌ JSON To HTML Table With Lit · rodydavisLearn how to create a dynamic HTML table from JSON data using a Lit web component, with examples for fetching data from a URL or using inline JSON, and the ability to make the table editable.
- ▌
- ▌ Lit And Flutter · rodydavisLearn how to embed a Lit web component directly within your Flutter app to leverage web-based UIs and features while accessing native device APIs for a powerful hybrid development approach.
- ▌ Server Side Rendering Flutter Apps With Rfw · rodydavisLearn how to build a dynamic Flutter app using Server Side Rendering (SSR) with the rfw package, enabling UI updates driven by server logic and binary data exchange via HTTP.
- ▌ 2d Or 3d Force Graph With Lit · rodydavisLearn how to create interactive 2D and 3D force graphs using Lit, a lightweight web component library, with this step-by-step tutorial.
- ▌ Lit Sheet Music · rodydavisLearn how to create a Lit web component that renders MusicXML using OpenSheetMusicDisplay, allowing you to display sheet music dynamically from a source attribute or inline XML.
- ▌ Using Sqlite As A Key Value Store · rodydavisLearn how to use SQLite as a simple and efficient key/value store for your applications, offering benefits like single-file data containment, attachment capabilities, and easy integration with tools like Drift.
- ▌ Sqlite On The UI Thread · rodydavisUnlock the surprising speed of SQLite in Flutter for building responsive UIs, showcasing its ability to handle large datasets with synchronous queries and optimized configurations.
- ▌ Building A HTML Element Sandbox With Lit · rodydavisLearn how to build a Lit web component to create a dynamic HTML element sandbox with live updates, perfect for experimenting with and showcasing web components.
- ▌ Draggable Dom With Lit · rodydavisLearn how to create an interactive, draggable DOM using a Lit web component with CSS transforms and slots, enabling you to manipulate HTML and SVG elements within a canvas-like environment.
- ▌ Lit And Monaco Editor · rodydavisLearn how to create a Lit web component that wraps the Monaco Editor (powering VSCode) to add a fully functional code editor to your web applications.
- ▌ How To Export Sqlite Tables To Create Statements · rodydavisLearn how to export your entire SQLite database schema, including tables and indexes, into runnable CREATE statements at runtime using Flutter and the `sqlite3` package.
- ▌ Async Preact Signals · rodydavisExplore how to effectively manage asynchronous data with Preact Signals by creating a custom `asyncSignal` that handles loading, error, and data states without breaking the synchronous nature of signals.
- ▌ Flutter Terminal Cheat Sheet · rodydavisThis post provides a handy collection of Flutter commands and scripts for web development, package creation, troubleshooting, testing, and more, streamlining your Flutter workflow.
- ▌ How To Deploy Pocketbase To Cloud Run · rodydavisLearn how to deploy PocketBase on Google Cloud Run using the new volume mounting feature, enabling scale-to-zero, infinite storage, and easy backups.
- ▌ Using Fastlane In Flutter And CI · rodydavisAutomate Flutter app builds and deployments to both the App Store and Google Play using Fastlane with this step-by-step guide.
- ▌ Building A Rich Text Editor With Lit · rodydavisLearn how to build a rich text editor using a Lit web component, complete with a toolbar for formatting text, links, and styles.
- ▌ Lit And Vscode Extensions · rodydavisLearn how to build a VSCode extension using a Lit web component, covering setup, template creation, component implementation, and extension activation.
- ▌ Automate Flutter App Releases · rodydavisAutomate your Flutter app releases to beta or production with this handy shell script that handles version bumping, formatting, cleaning, rebuilding, and deployment via Fastlane.
- ▌ Creating Your First Flutter Project · rodydavisDive into the world of Flutter, Google's UI toolkit, and learn how to build cross-platform apps with ease using this introductory guide and accompanying "Flutter Take 5" video series.
- ▌ Host Your Flutter Project As A REST API · rodydavisLearn how to structure a Flutter project to reuse models and business logic across iOS, Android, Web, desktop platforms, and a REST API deployable to Google Cloud Run, enabling a single codebase for both client and server.
- ▌ Various Ways To Invoke Functions In Dart · rodydavisDiscover the surprising flexibility of calling Dart functions, including mixed positional and named arguments, the `.call` operator, and dynamic invocation with `Function.apply`.
- ▌ Flutter Control And Screenshot · rodydavisGuide on how to control a Flutter app using flutter_driver via MCP and capture screenshots.
- ▌ How To Build A Graph Database With Flutter · rodydavisLearn how to build and utilize a graph database within your Flutter applications using SQLite and the Drift package to model relationships between data.
- ▌ Displaying HTML In Flutter · rodydavisEasily display and interact with HTML content in your Flutter app using the `easy_web_view` package, which supports both web and mobile platforms.
- ▌ How To Build A Flutter App On Xcode Cloud · rodydavisLearn how to set up Xcode Cloud to build and deploy your Flutter application to TestFlight and the App Store with this step-by-step guide.
- ▌ Dynamic Themes With Codemirror · rodydavisLearn how to create a Lit web component with CodeMirror, dynamically themed using Material Design's color utilities, for a customizable code editing experience.
- ▌ How To Create HTML Web Components With Dart · rodydavisDiscover the power of Web Components and how to build them with both JavaScript and Dart for reusable, framework-agnostic UI elements.
- ▌ Deep Linking For Flutter Web · rodydavisLearn how to implement proper URL navigation in your Flutter application, including deep linking to specific pages, handling protected routes, and creating custom transitions for a seamless user experience.
- ▌ Install Flutter From Git · rodydavisInstall Flutter SDK via git clone and configure for all platforms
- ▌ Flutter Fastlane One Click Beta · rodydavisDeploy your Flutter app to the App Store and Google Play with ease using this step-by-step guide covering installation, project setup, Fastlane integration, and automated deployments with Automator.
- ▌ Signals And Flutter Hooks · rodydavisExplore state management in Flutter, from the basics of `setState` to advanced techniques using ValueNotifier, Signals, Flutter Hooks, and the new signals_hooks package for a reactive and efficient approach.
- ▌ Multi Touch Canvas With Flutter · rodydavisLearn how to create a Flutter canvas with multi-touch support for panning, zooming, and object interaction, overcoming common gesture recognition conflicts.
- ▌ How To Print Multiple Objects To The Console With Print In D · rodydavisLearn how to print multiple objects to the console in Dart using Records, offering a similar experience to JavaScript's `console.log()` functionality.
- ▌ Create Flutter App Native UI · rodydavis bundleGuide to bootstrap, coordinate, and maintain a headless Flutter engine integrated with 100% native platforms (SwiftUI, Jetpack Compose, HTML5 Web Components).
- ▌ How To Manage Multiple Flutter Versions With Git Worktrees A · rodydavisManage multiple Flutter versions efficiently using Git worktrees, eliminating the need for external version managers like FVM.
- ▌ How To Build A Native Cross Platform Project With Flutter · rodydavisLearn how to import `dart:html` and `dart:io` in the same Flutter project to create cross-platform plugins that work seamlessly on mobile and web.
- ▌ Material 3 To Material 2 Theme Adapter · rodydavisLearn how to seamlessly integrate Material Design 3's styling into your Material Design 2 components using CSS variable overrides.
- ▌ How To Do Offline Recommendations With Sqlite And Gemini · rodydavisLearn how to enhance your CMS like PocketBase with AI-powered content recommendations using text embeddings, SQLite, and k-nearest neighbor search for efficient and scalable related content suggestions.
- ▌ How To Send Push Notifications On Flutter Web Fcm · rodydavisLearn how to implement Firebase Cloud Messaging (FCM) in your Flutter web app with this guide, covering service worker setup, helper methods, and testing to enable push notifications.
- ▌ Flutter Stream Widget · rodydavisLearn how to build dynamic Flutter UIs by directly using streams within your widget's build method, enabling reactive screen updates and more efficient data handling.
- ▌ File Based Routing For Static Sites · rodydavisLearn how to create a multi-page static site with file-based routing using TypeScript, allowing for quick updates and easy content management.
- ▌ Flutter Infinite Canvas · rodydavisLearn how to build an infinite, multi-touch canvas in Flutter using InteractiveViewer and CustomMultiChildLayout for a flexible and interactive user experience.
- ▌ How To Run Astro Ssr And Pocketbase On The Same Server · rodydavisLearn how to host PocketBase and an Astro SSR application on the same server, using PocketBase's Go integration and a reverse proxy to delegate requests to Astro for dynamic web content.
- ▌ How To Build A Webrtc Signal Server With Pocketbase · rodydavisLearn how to build a simple WebRTC video call application using PocketBase as a signaling server, enabling peer-to-peer communication with SQLite on the server and realtime updates via Server Sent Events.
- ▌ Flutter Master Detail View · rodydavisLearn how to implement a responsive Master-Detail interface in Flutter that adapts to different screen sizes, leveraging multi-column layouts on larger screens and pushing to detail screens on mobile.
- ▌ Flutter Native HTTP Client · rodydavisThis blog post explores how to optimize HTTP client selection in Flutter applications based on the platform, using Cronet on Android and Cupertino's native client on iOS for improved performance and caching.
- ▌ Color Utilities In Javascript · rodydavisExplore helpful color utility functions, like RGB to HSL, HEX to RGB, and HSL to HEX, generated with the assistance of GitHub Copilot.
- ▌ IOS Or Macos Lock Screen Nasa Image Of The Day · rodydavisAutomate your daily dose of cosmic beauty by setting your lock or home screen to NASA's image of the day using Shortcuts and their public API.
- ▌ Flutter Input Output Preview · rodydavisBuild responsive Flutter apps with a reusable `TwoPane` widget and an `InputOutputPreview` component for side-by-side code and preview display on both mobile and desktop.
- ▌ Lightweight Flutter Animations · rodydavisLearn how to create a streamlined animation widget in Flutter that eliminates the need for `setState` by leveraging an abstract class and `SingleTickerProviderStateMixin` for efficient UI updates.
- ▌ Flutter Markdown View With Material 3 · rodydavisLearn how to customize the Flutter Markdown widget using Material 3 text and color styles for a visually appealing and consistent design.