Web & Frontend

tomevault-io Bundle

Run the Next.js agents-md codemod to inject compressed framework documentation into the current project's CLAUDE.md or AGENTS.md. This skill should be used when a user wants to add Next.js framework docs to their project for AI coding agents, run the Vercel agents-md codemod, or improve AI agent performance on Next.js projects. Use when this capability is needed.

tomevault-io Bundle

Use React/React Native code as the source of truth and implement the equivalent feature in iOS/Swift. Understands the feature behavior, components, state management, and logic from React, then creates idiomatic iOS code that matches the target codebase's existing patterns. Use when porting features from React/React Native to native iOS or building native alternatives to web components. Use when this capability is needed.

tomevault-io Bundle

Best practices and guidelines for Turbopack, the Rust-powered incremental bundler for Next.js and modern web development Use when this capability is needed.

tomevault-io Bundle

React Native & Expo Development Guide

tomevault-io Bundle

Vite SPA deployment to various platforms. Use when deploying React SPAs. Use when this capability is needed.

tomevault-io Bundle

Experienced frontend React developer skill. Use when building React components, pages, or applications, implementing state management, data fetching, styling, testing, or reviewing React/TypeScript/Next.js code. Activates for any frontend development task involving React. Use when this capability is needed.

tomevault-io Bundle

Use this skill when creating complex, schema-based forms in Vue.js applications. Preferred for larger forms, dynamic forms, and API-driven form schemas.

tomevault-io Bundle

Generate a standalone HTML page into a requested output path. This skill is used for real integration and long-run tests. Use when this capability is needed.

tomevault-io Bundle

Creates Pulumi infrastructure-as-code projects in Python, defines cloud resources (AWS, Azure, GCP), configures ESC environments for secrets management, sets up OIDC authentication for secure deployments, and builds multi-language component resources. Use when creating Pulumi Python projects, writing infrastructure code, configuring cloud providers, managing secrets with Pulumi ESC, setting up OIDC for Pulumi, automating infrastructure deployments with Python, creating reusable Pulumi components in Python, or configuring Python toolchains (pip, poetry, uv) for Pulumi. Also use when the user mentions pyproject.toml with Pulumi, component_provider_host, or Python virtual environments for infrastructure code.

tomevault-io Bundle

Building AI agents - tool use, planning strategies (ReAct, Plan-and-Execute), memory systems, agent evaluation. Use when building autonomous AI systems, tool-augmented apps, or multi-step workflows. Use when this capability is needed.

tomevault-io Bundle

Claude builds accessible React UIs using shadcn/ui components with Radix primitives and React Hook Form integration. Use when creating forms, dialogs, or composable UI systems. Use when this capability is needed.

tomevault-io Bundle

Generate a UI component scaffold in the codebase's actual style. Reads dragoon.json to match framework (react/vue/svelte), styling layer (tailwind/css-modules/plain), language (typescript/javascript), and design tokens (radius, spacing, palette). Defaults to dry-run preview; pass --apply to write files. Use when the user wants to create a new component, scaffold UI primitives, or add a component to their codebase. Run as `node ~/.claude/skills/dragoon/skills/component/scripts/component.js <Name>`. Use when this capability is needed.

tomevault-io Bundle

TanStack Virtual (React)

tomevault-io Bundle

Mobile specialist for Flutter, React Native, and cross-platform mobile development. Use for mobile app, Flutter, Dart, iOS, Android, Riverpod, and widget work. Use when this capability is needed.

tomevault-io Bundle

Frontend Testing Skill

tomevault-io Bundle

Safe dependency update workflow for gnwebsite fullstack Django/Vue project. Use when updating packages, upgrading dependencies, fixing vulnerabilities, or when user asks to update dependencies. Covers backend Python (pyproject.toml), frontend npm packages, vulnerability audits, testing requirements, and rollback procedures. Ensures updates maintain compatibility and don't break existing functionality. Use when this capability is needed.

tomevault-io Bundle

Master of React Server Components, SSR, and Hydration. Use when this capability is needed.

tomevault-io Bundle

Use when adding authentication or login to any app - detects your stack (React, Next.js, Vue, Nuxt, Angular, Express, Fastify, React Native), sets up an Auth0 account if needed, and routes to the correct SDK setup workflow.

tomevault-io Bundle

Guide for implementing formatting rules using Biome's IR-based formatter infrastructure. Use when implementing formatting for new syntax nodes, handling comments in formatted output, or comparing Biome's formatting against Prettier for JavaScript, CSS, JSON, HTML, or other languages. Use when this capability is needed.

tomevault-io Bundle

Tailwind CSS component library providing semantic class names for 50+ components with built-in themes, dark mode, and customization for rapid UI development. Use when this capability is needed.

tomevault-io Bundle

Unit Testing Skill

tomevault-io Bundle

You are now acquiring the skill of generating React UI components. After reading Use when this capability is needed.

tomevault-io Bundle

Bootstrap a new host application on top of the published atrium base image, or retrofit an existing FastAPI / SQLAlchemy / React app onto atrium. Use when the user says "start a new project on atrium", "atrium scaffold", or "move my app onto atrium". Use when this capability is needed.

tomevault-io Bundle

Explain how to implement and evolve MVVM features using the repo’s `@web-loom/mvvm-core`, the shared `models`/`view-models` packages, and the reference MVVM apps (React/Angular/Vue). Use when Codex is asked about MVVM wiring, state management, or integrating the core packages with framework-specific UIs. Use when this capability is needed.

tomevault-io Bundle

Use when building web UIs with Next.js 15+ and React 19 - covers Server Components, App Router, testing with Vitest and Playwright, and accessibility standards

tomevault-io Bundle

Use when modifying public API in packages/core (types/global.ts, types/default.ts, index.ts, or package.json `exports` field), adding/renaming/removing props, changing default values, before publishing a new react-zmage version, or when the user says "sync docs" / "update public docs" / "propagate this change" / "同步文档" / "更新对外文档" / "准备发版". This skill coordinates four documentation destinations that drift independently — packages/core types & defaults, packages/home docs sections + schema, docs/llms.txt, and README.md / AGENTS.md. The repo has TS-level guards on type imports, but defaults values, natural-language docs, README/AGENTS prose, llms.txt, and playground snippets have NO automatic guards — this skill IS the documented process that closes that gap. Trigger it aggressively whenever core's public surface changes; over-triggering is cheap, missed sync causes shipped doc drift.

tomevault-io Bundle

遵循项目标准生成和修改 Vue 3、TypeScript 和 SCSS 代码。 Use when this capability is needed.

tomevault-io Bundle

Recommend the best Chi implementation approach based on project context. Use when the user asks which Chi approach to use (Vue, Web Components, or HTML/CSS), when starting a new project with Chi, or when migrating between approaches. Provides framework-specific guidance and code examples. Use when this capability is needed.

tomevault-io Bundle

Fetch and organize Hugging Face Daily Papers for a specified date. Downloads raw HTML, extracts the embedded JSON data blob (Svelte hydration data in data-props attribute) with a Python script, then produces a structured Markdown report with all arXiv IDs, upvote counts, comment counts, GitHub stars, organizations, AI summaries, and keywords. Use when asked to grab, scrape, summarize, classify, or export Hugging Face daily papers. Also use when the user wants the result saved as a Markdown report grouped by research domains. Use when this capability is needed.

tomevault-io Bundle

Node.js、Express、Next.js APIルートのためのバックエンドアーキテクチャパターン、API設計、データベース最適化、サーバーサイドのベストプラクティスです。 Use when this capability is needed.

tomevault-io Bundle

Avue 组件代码生成与配置指南。当用户需要创建、配置或生成基于 Avue (avue-crud, avue-form, avue-tree 等) 的 Vue 页面代码时使用此 skill。覆盖 CRUD 表格、表单、树组件、数据展示等全部 Avue 组件。支持 Composition API 和 Options API 两种代码风格。当用户提到 avue、crud表格、动态表单、JSON配置表单、低代码表单、avue-crud、avue-form 等关键词时，务必使用此 skill。 Use when this capability is needed.

tomevault-io Bundle

Best practices for building maintainable, testable TUI components using Bubbletea v2 and the Charm ecosystem. Covers component organization, state management, async operations, visual modes, and common pitfalls. Use when this capability is needed.

tomevault-io Bundle

Guides implementation of the asset ingestion feature in WealthScope. Use when working on document OCR, AI-assisted extraction, manual asset entry forms, or asset validation logic. Covers both backend (Go) and frontend (Flutter) implementation. Use when this capability is needed.

tomevault-io Bundle

Sort Tailwind classes on a JSX element or a CVA object

tomevault-io Bundle

Deep multi-stack codebase analysis that thoroughly scans project structure, build configs, source code, architecture patterns, domain boundaries, coding conventions, testing approaches, CI/CD pipelines, and external dependencies. Produces a structured analysis report used by all downstream agents and skills. Supports Java/Maven/Gradle, .NET/C#, Python/Django/FastAPI, TypeScript/React, PHP/Laravel/Symfony, Android/Kotlin, iOS/Swift. Use when bootstrapping Copilot config, onboarding to a new project, or understanding codebase structure. Use when this capability is needed.

tomevault-io Bundle

Use WHEN implementing or reviewing iOS Swift features TO deliver SwiftUI, UIKit, async/await, Combine, navigation, persistence, permissions, background work, accessibility, test, release, and rollback changes.