Back to authors
toilahuongg

toilahuongg

109 Skills published on GitHub.

brainstorm

Guide for facilitating creative brainstorming sessions using AI, leveraging techniques like SCAMPER, Design Thinking, and lateral thinking.

UncategorizedView skill →

canvas-design

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

UncategorizedView skill →

changelog

Generate and maintain changelogs following Keep a Changelog format. Analyzes git commits, categorizes changes, and produces well-structured release notes.

UncategorizedView skill →

clean-architecture-ts

Best practices for implementing Clean Architecture in Remix/TypeScript apps. Covers Service Layer, Repository Pattern, and Dependency Injection.

UncategorizedView skill →

clean-code

Clean Code practices for TypeScript/JavaScript. Identify code smells, apply refactoring patterns, and write maintainable code. Use when reviewing code quality, refactoring messy code, or ensuring code follows best practices. Triggers on requests like "clean up this code", "refactor for readability", "identify code smells", or "make this more maintainable".

UncategorizedView skill →

release

Orchestrates the release process - Testing, Documentation, and Tagging. Use when preparing a new version release.

UncategorizedView skill →

code-investigator

Comprehensive code investigation and audit tool. Discovers all project features, then dispatches parallel subagents to analyze issues, risks, dead code, missing functionality, and redundancies. Produces a prioritized risk report. Use this skill when the user asks to "investigate code", "audit project", "find risks", "check code quality", "analyze codebase", "what's wrong with this code", "project health check", "code review entire project", "find dead code", "find redundant code", or any request for a thorough codebase analysis.

UncategorizedView skill →

design

Activates the Product Designer to create UI mockups and specs complying with Polaris. Use when designing user interfaces or planning UI components.

UncategorizedView skill →

docs-out

Activates the Technical Writer to generate, update, or refactor internal project documentation. Use when creating READMEs, ADRs, or technical guides.

UncategorizedView skill →

docusaurus-generator

Generate end-user documentation site using Docusaurus 3.x from the current project. Use this skill when the user asks to create documentation, generate docs, build a docs site, or set up Docusaurus for their project. Supports analyzing project structure, generating markdown docs, configuring Docusaurus, and creating user guides.

UncategorizedView skill →

email-template-design

Design and build professional HTML email templates with inline CSS for broad email client compatibility. Use this skill when the user asks to create, design, or build email templates, newsletters, transactional emails (order confirmations, receipts, shipping notifications, password resets), marketing emails, welcome series, onboarding emails, abandoned cart emails, drip campaigns, or any HTML email layout. Covers responsive design, dark mode support, and compatibility with Gmail, Outlook (desktop + web), Apple Mail, Yahoo, and mobile clients.

UncategorizedView skill →

explain

Explain code in detail - what it does, how it works, and why. Use when you need to understand unfamiliar code or explain code to others.

UncategorizedView skill →

form-validation

Form validation with Zod schemas and Conform library for Remix applications. Covers schema design, server/client validation, Polaris integration, and complex form patterns.

UncategorizedView skill →

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

UncategorizedView skill →

git-cm

Commit changes to git with a descriptive conventional commit message. Use when ready to commit staged or unstaged changes.

UncategorizedView skill →

git-pr

Generate a pull request description from branch changes. Use when creating a PR or preparing PR documentation.

UncategorizedView skill →

git-sync

Sync with remote repository using pull --rebase. Use when you need to update your local branch with remote changes.

UncategorizedView skill →

git-undo

Undo the last commit while keeping changes staged. Use when you need to fix a commit message or add missing files.

UncategorizedView skill →

misoapps

Guide for using Miso Apps SDKs (@misoapps/mail-sdk and @misoapps/shop-sdk) in Shopify apps. Use this skill when the user needs to send emails via SMTP or AWS SES, manage SMTP configurations, retrieve email logs, manage shop installations, or access shop/app data through Miso Apps services.

UncategorizedView skill →

mongoose

Guide for Mongoose ODM (2025-2026 Edition), covering Mongoose 8.x/9.x, TypeScript integration, and performance best practices.

UncategorizedView skill →

npm-publish

Guide for publishing packages to the npm registry. Use this skill when the user wants to publish a new package, release a new version, or manage npm package configurations.

UncategorizedView skill →

readme

Update the project README.md with comprehensive documentation based on the current codebase state. Use when the README needs updating or is outdated.

UncategorizedView skill →

remixjs-best-practices

Best practices for Remix (2025-2026 Edition), focusing on React Router v7 migration, server-first data patterns, and error handling.

UncategorizedView skill →

remotion-best-practices

Best practices for Remotion - Video creation in React

remotionvideoreactanimationcomposition
UncategorizedView skill →

research

Guide for conducting thorough and synthesized research, focusing on verification, multi-source analysis, and RAG patterns.

UncategorizedView skill →

resilience-engineering

Strategies for handling Shopify API Rate Limits (429), retry policies, and circuit breakers. Essential for high-traffic apps.

UncategorizedView skill →

rigorous-reasoning

Rigorous reasoning using philosophical theories and scientific methods. Use this skill when analyzing logic, evaluating arguments, constructing proofs, critiquing opinions, or solving complex problems requiring critical thinking. Triggers - debate, proof, critique, logical analysis, argument evaluation, fallacy detection, inference, argumentation, logical fallacy, critical thinking.

UncategorizedView skill →

rule-creator

Create and manage user rules that customize AI behavior. Use this skill when users want to create new rules, update existing rules, organize rules, or need guidance on writing effective rules for their projects or personal preferences.

UncategorizedView skill →

security-hardening

Security best practices for Shopify Apps. Covers OWASP Top 10, authentication, data protection, webhook verification, and secure coding patterns for Remix applications.

UncategorizedView skill →

shopify-api

Comprehensive guide for Shopify APIs in Remix apps. Covers Admin GraphQL/REST, Storefront API, all resources (products, orders, customers, inventory, collections, discounts, fulfillments, metafields, files), bulk operations, webhooks, resource pickers, and TypeScript patterns. Use when querying/mutating Shopify data or building integrations.

UncategorizedView skill →

shopify-app-bridge

Guide for using Shopify App Bridge to embed apps in the Shopify Admin. Use this skill when the user needs to interact with the host interface (Admin), show toasts, modals, resource pickers, or handle navigation within a Shopify embedded app.

UncategorizedView skill →

shopify-app-i18n

Guide for adding Multi-language support to Shopify Apps using i18next. Covers setup, localization files, and Admin context.

UncategorizedView skill →

shopify-billing

Guide for implementing Shopify's Billing API in Remix apps using @shopify/shopify-app-remix. Covers subscriptions, one-time purchases, usage-based billing, discounts, and the project's billing implementation patterns.

UncategorizedView skill →

shopify-extensions

Guide for building and managing Shopify Extensions (Admin, Checkout, Theme, Post-purchase, etc.) using the latest Shopify CLI and APIs.

UncategorizedView skill →

shopify-functions

Guide for creating backend logic using Shopify Functions (Discounts, Shipping, Payment, etc.). Covers WASM, Rust/JavaScript (Javy) implementation, and input queries.

UncategorizedView skill →

shopify-liquid

Guide for using the Liquid template language within Shopify Theme App Extensions and Themes. Use this skill when building App Embed Blocks, App Blocks, or modifying Shopify Themes.

UncategorizedView skill →

shopify-metafields

Guide for working with Shopify Metafields. Covers definitions, storing custom data, accessing via Liquid, and GraphQL mutations.

UncategorizedView skill →

shopify-polaris-design

Design and implement Shopify Admin interfaces using the Polaris Design System. Use this skill when building Shopify Apps, Admin extensions, or any interface that needs to feel native to Shopify.

UncategorizedView skill →

shopify-polaris-icons

Guide for using Shopify Polaris Icons in Shopify Apps. Covers icon usage patterns, accessibility, tone variants, and common icon categories for commerce applications.

UncategorizedView skill →

shopify-polaris-viz

Guide for creating data visualizations in Shopify Apps using the Polaris Viz library. Use this skill when building charts, graphs, dashboards, or any data visualization components that need to integrate with the Shopify Admin aesthetic. Covers BarChart, LineChart, DonutChart, SparkLineChart, and theming.

UncategorizedView skill →

shopify-pos

Guide for building Shopify POS (Point of Sale) UI extensions that integrate custom functionality into Shopify's retail interface. Use this skill when the user needs to create POS tiles, modals, blocks, or actions for the smart grid, cart, customer details, order details, product details, or post-purchase screens. Covers targets, components, APIs, and development workflow for POS app extensions.

UncategorizedView skill →

shopify-remix-template

Guide for developing Shopify apps using the official Shopify Remix Template. Covers structure, authentication, API usage, and deployment.

UncategorizedView skill →

shopify-testing

Guide for testing Shopify Apps, including Unit Testing with Remix, Mocking Shopify Context, and E2E Testing.

UncategorizedView skill →

shopify-webhooks

Guide for handling Shopify Webhooks, including configuration, verification, and processing. Use this skill when the user needs to set up webhook subscriptions, verify authentic requests, or handle event payloads.

UncategorizedView skill →

skill-creator

Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.

UncategorizedView skill →

technical-writing

Guide for creating effective internal technical documentation (READMEs, ADRs, Contribution Guides). Use this skill when the user asks to write, refactor, or improve internal project documentation.

UncategorizedView skill →

threejs-animation

Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects, playing GLTF animations, creating procedural motion, or blending animations.

UncategorizedView skill →

threejs-fundamentals

Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms.

UncategorizedView skill →

threejs-geometry

Three.js geometry creation - built-in shapes, BufferGeometry, custom geometry, instancing. Use when creating 3D shapes, working with vertices, building custom meshes, or optimizing with instanced rendering.

UncategorizedView skill →

threejs-interaction

Three.js interaction - raycasting, controls, mouse/touch input, object selection. Use when handling user input, implementing click detection, adding camera controls, or creating interactive 3D experiences.

UncategorizedView skill →

Page 2 of 3 · 109 results