blockmatic

@blockmatic source repo

94 skills
0 followers
10 hours ago last updated

▌
Expo Use Dom V55 · blockmatic bundle
Framework (OSS). Use Expo SDK 57 DOM components to run web code in a webview on native and as-is on web. Migrate web code to native incrementally. For the end-to-end migration of a whole web app, use the expo-web-to-native skill.

0
installs
▌
Expo Dev Client V55 · blockmatic bundle
Framework (OSS). Build and distribute Expo development clients locally or via TestFlight for internal testing (Expo SDK 57; upstream v55 naming). For production TestFlight releases and store submission, use the expo-deployment-v55 skill.

0
installs
▌
Expo Cicd Workflows V55 · blockmatic bundle
EAS service (paid). Helps understand and write EAS workflow YAML files for Expo SDK 57 projects. Use this skill when the user asks about CI/CD or workflows in an Expo or EAS context, mentions .eas/workflows/, or wants help with EAS build pipelines or deployment automation.

0
installs
▌
Expo Tailwind Setup V55 · blockmatic bundle
Framework (OSS). Set up Tailwind CSS v4 in Expo SDK 57 with react-native-css and NativeWind v5 for universal styling (upstream v55 naming)

0
installs
▌
F · blockmatic bundle
FIRST factory dispatcher. Lists /f-* station and role skills. Use when the user types /f or /f-product, /f-journeys, /f-analyst.

0
installs
▌
F API · blockmatic bundle
Apply API First with an API lens who inspects this repo as a data analyst. Use when the user types /f-api or /f api.

0
installs
▌
F Analyst · blockmatic bundle
Apply Data First as a data analyst who inspects this repo as a data analyst. Use when the user types /f-analyst or /f data.

0
installs
▌
F Product · blockmatic bundle
Apply Product First as a product person who inspects this repo as a data analyst. Use when the user types /f-product or /f product.

0
installs
▌
F Quality · blockmatic bundle
Apply Quality First with a quality lens who inspects this repo as a data analyst. Use when the user types /f-quality or /f quality.

0
installs
▌
F Journeys · blockmatic bundle
Apply Journeys First with a journeys lens who inspects this repo as a data analyst. Use when the user types /f-journeys, /f journeys, /f-designer, or /f design.

0
installs
▌
F Security · blockmatic bundle
Apply Security First with a security lens who inspects this repo as a data analyst. Use when the user types /f-security or /f security.

0
installs
▌
F Workflow · blockmatic bundle
Apply Workflow First with a workflow lens who inspects this repo as a data analyst. Use when the user types /f-workflow, /f workflow, /f-pipelines, or /f pipelines.

0
installs
▌
F AI Expert · blockmatic
Inspect agents, evals, and assistant surfaces as a data analyst. Use when the user types /f-ai-expert or /f ai.

0
installs
▌
F Operations · blockmatic bundle
Apply Operations First with an operations lens who inspects this repo as a data analyst. Use when the user types /f-operations or /f operations.

0
installs
▌
F Architecture · blockmatic bundle
Apply Architecture First with an architecture lens who inspects this repo as a data analyst. Use when the user types /f-architecture or /f architecture.

0
installs
▌
F Info Architect · blockmatic bundle
Apply Documentation First as an information architect who inspects this repo as a data analyst. Use when the user types /f-info-architect or /f documentation.

0
installs
▌
Nodejs Keccak256 V1 · blockmatic
Prevent Ethereum hashing bugs in JavaScript and TypeScript. Node's sha3-256 is NIST SHA3, not Ethereum Keccak-256, and silently breaks selectors, signatures, storage slots, and address derivation. Use when hashing for Ethereum in JavaScript or TypeScript, or when a selector, signature, storage slot, or derived address is wrong.

0
installs
▌
Coderabbit · blockmatic
Fetch CodeRabbit review comments, apply authorized fixes, and stop at local verification. Use when the user types /coderabbit.

0
installs
▌
Git Commit · blockmatic
Review and commit the task’s intended changes using repository conventions. Use when the user types /git-commit.

0
installs
▌
Lint Suite · blockmatic
Run project linters, apply fixes, and re-run until the suite is clean. Use when the user types /lint-suite.

0
installs
▌
Use Shadcn · blockmatic
Build shadcn/ui components following monorepo structure and coding standards. Use when the user types /use-shadcn.

0
installs
▌
File Organization V1 · blockmatic
Folder-plus-index grouping for related modules — when to use folders, index.ts, named entries, and what to avoid (mega-barrels, basename collisions). Use when creating, reviewing, or migrating module layout in TypeScript monorepos.

0
installs
▌
Code Review · blockmatic
Review a change for evidenced defects and risks without editing it. Use when the user types /code-review.

0
installs
▌
Debug Issue · blockmatic
Diagnose a failure and fix it when the request authorizes changes. Use when the user types /debug-issue.

0
installs
▌
Docker Logs · blockmatic
Tail logs from Docker containers to check for errors and monitor application behavior. Use when the user types /docker-logs.

0
installs
▌
Nextjs Form · blockmatic
Build production-ready Next.js 16 forms with Server Actions, progressive enhancement, comprehensive validation, and accessibility. Use when the user types /nextjs-form.

0
installs
▌
Review Plan · blockmatic
Review the attached or in-context plan against the current plan contract. Use when the user types /review-plan.

0
installs
▌
Clarify Task · blockmatic
Resolve consequential missing requirements from inspected context. Use when the user types /clarify-task.

0
installs
▌
Plan Feature · blockmatic
Plan a feature as ordered, verifiable slices without changing implementation. Use when the user types /plan-feature.

0
installs
▌
Use Frontend · blockmatic
Build or reshape UI with purpose, existing tokens, accessible interactions, and bounded rendered verification. Use when the user types /use-frontend.

0
installs
▌
Debug Browser · blockmatic
Reproduce and resolve an authorized browser issue using runtime evidence. Use when the user types /debug-browser.

0
installs
▌
Git Create Pr · blockmatic
Create or update a reviewable pull request for the intended branch. Use when the user types /git-create-pr.

0
installs
▌
Refactor Code · blockmatic
Refactor selected code while preserving behavior, then verify. Use when the user types /refactor-code.

0
installs
▌
Composition Patterns V1 · blockmatic bundle
React composition patterns that scale. Use when refactoring boolean-prop APIs, building reusable component libraries, or reviewing compound components, render props, and context. Includes React 19 API changes.

0
installs
▌
Emilkowal Animations V1 · blockmatic bundle
Emil Kowalski's animation best practices for web interfaces. Use when writing, reviewing, or implementing animations in React, CSS, or Framer Motion. Triggers on tasks involving transitions, easing, gestures, toasts, drawers, or motion.

0
installs
▌
Fix Git Issues · blockmatic
Help resolve common Git problems and conflicts with step-by-step commands and explanations. Use when the user types /fix-git-issues.

0
installs
▌
Release Review · blockmatic
Advisory review of release impact, changelog, and template contracts. Use when the user types /release-review.

0
installs
▌
Security Audit · blockmatic
Audit the change or tree against the repository Security overlay and existing checks. Use when the user types /security-audit.

0
installs
▌
Write API Test · blockmatic
Create comprehensive tests for API endpoints validating behavior through external interactions. Use when the user types /write-api-test.

0
installs
▌
Web Design Guidelines V1 · blockmatic
Review UI code against Vercel Web Interface Guidelines. Use when asked to review UI, check accessibility, audit design, review UX, or check a site against web interface best practices.

0
installs
▌
Git Pr Comments · blockmatic
Process reviewer feedback, apply required fixes, and draft replies without unsolicited commits. Use when the user types /git-pr-comments.

0
installs
▌
Security Review · blockmatic
Review current code against the repository Security overlay; report evidence and remedies. Use when the user types /security-review.

0
installs
▌
Tailwind Design System V4 · blockmatic bundle
Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

0
installs
▌
Fix Vercel Build · blockmatic
Retrieve Vercel build logs, analyze failures, and fix the local build. Use when the user types /fix-vercel-build.

0
installs
▌
Write Unit Tests · blockmatic
Create comprehensive unit tests for current code with proper imports/setup per project testing conventions. Use when the user types /write-unit-tests.

0
installs
▌
Add Documentation · blockmatic
Add comprehensive documentation for current code/feature per project standards (README, technical docs site, or inline comments). Use when the user types /add-documentation.

0
installs
▌
Generate API Docs · blockmatic
Refresh API docs from the owning schema source; never edit generated OpenAPI by hand. Use when the user types /generate-api-docs.

0
installs
▌
Info Architecture · blockmatic
Propose mechanical file and doc reorg; durable topology belongs to FIRST Documentation. Use when the user types /info-architecture.

0
installs
▌
Plan Architecture · blockmatic
Plan an implementation structure; hand durable architecture decisions to FIRST. Use when the user types /plan-architecture.

0
installs
▌
Add Error Handling · blockmatic
Implement comprehensive error handling for current code to make it robust and resilient while maintaining good UX. Use when the user types /add-error-handling.

0
installs
▌
Fix Compile Errors · blockmatic
Analyze compilation errors and provide fixes to resolve all errors. Use when the user types /fix-compile-errors.

0
installs
▌
Fix Github Actions · blockmatic
Retrieve GitHub Actions logs with gh, analyze failures, and fix CI errors locally. Use when the user types /fix-github-actions.

0
installs
▌
Audit Accessibility · blockmatic
Audit UI against repository Quality/a11y gates; do not invent a WCAG level. Use when the user types /audit-accessibility.

0
installs
▌
Optimize Performance · blockmatic
Measure bottlenecks with repository tools, then recommend or apply evidenced optimizations. Use when the user types /optimize-performance.

0
installs
▌
Onboard New Developer · blockmatic
Comprehensive onboarding process to get new developer up and running quickly. Use when the user types /onboard-new-developer.

0
installs
▌
Run All Tests And Fix · blockmatic
Execute full test suite and systematically fix any failures, ensuring code quality and functionality. Use when the user types /run-all-tests-and-fix.

0
installs
▌
Generate Pr Description · blockmatic
Create comprehensive pull request description based on changes in this branch, formatted as proper markdown for GitHub PR. Use when the user types /generate-pr-description.

0
installs
▌
Light Review Existing Diffs · blockmatic
Perform quick quality pass on current diffs to surface risky areas, ensure polish, and flag follow-up actions for deeper review. Use when the user types /light-review-existing-diffs.

0
installs
▌
Nuqs V2 · blockmatic bundle
nuqs (type-safe URL query state) best practices for Next.js and other React frameworks. This skill should be used when writing, reviewing, or refactoring code that uses nuqs for URL state management. Triggers on tasks involving useQueryState, useQueryStates, search params, URL state, query parameters, nuqs parsers, limitUrlUpdates, Standard Schema, NuqsAdapter, or Next.js routing with state.

0
installs
▌
Viem V2 · blockmatic bundle
Integrate EVM blockchains using viem. Use when user says "read blockchain data", "send transaction", "interact with smart contract", "connect to Ethereum", "use viem", "use wagmi", "wallet integration", "viem setup", or mentions blockchain/EVM development with TypeScript.

0
installs
▌
Next V16 · blockmatic bundle
Next.js 16 App Router performance, caching, server components, server actions, routing, and codebase-hygiene best practices — plus a category-major review/refactor algorithm with codebase-level (remove/dedup/reuse) findings. This skill should be used when writing Next.js 16 App Router code, configuring caching with 'use cache' or the previous fetch-cache model, building Server Components, setting up parallel/intercepting routes, configuring next.config OR proxy.ts, OR auditing/refactoring a Next.js codebase (single file or whole repo). This skill does NOT cover generic React 19 patterns (use vercel-react-v1) or non-Next.js server rendering.

0
installs
▌
Wagmi V3 · blockmatic bundle
Wagmi v3 wallet and contract hooks for React/Next.js. Use when connecting wallets, reading/writing contracts, or handling transaction state.

0
installs
▌
Workflow · blockmatic bundle
Basilic workflow dispatcher and catalog. Use when the user types /workflow or /<playbook>.

0
installs
▌
Ahooks V3 · blockmatic
Utility hooks for React state management — grouped state and localStorage persistence. Use when managing grouped state that changes together, persisting state to localStorage, or coordinating state between URL and storage.

0
installs
▌
Shadcn V3 · blockmatic bundle
Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture — component composition, accessibility, React Hook Form. Use when initializing React projects with Tailwind v4, setting up shadcn/ui dark mode, composing components, implementing forms, fixing theme/CSS issues, or migrating from v3.

0
installs
▌
Solana V1 · blockmatic bundle
Solana dApp UI with kit and web3.js. Use when wallet connect, transactions, or Solana address validation in React/Next.js.

0
installs
▌
Vitest V4 · blockmatic bundle
Vitest testing framework patterns for test setup, async testing, mocking with vi.*, snapshots, and test performance (formerly test-vitest). This skill should be used when writing or debugging Vitest tests. This skill does NOT cover TDD methodology (use test-tdd skill), API mocking with MSW (use test-msw skill), or Jest-specific APIs.

0
installs
▌
Fastify V5 · blockmatic bundle
TypeBox schemas with Fastify routes for type-safe API development — native JSON Schema, automatic OpenAPI generation. Use when building Fastify REST APIs with schema validation and OpenAPI generation.

0
installs
▌
Motion V13 · blockmatic bundle
React animations with Motion v13 (gestures, scroll, layout, SVG). Use when drag-and-drop, scroll animations, modals, carousels, parallax, or AnimatePresence issues.

0
installs
▌
AI Sdk UI V7 · blockmatic bundle
Build React chat UIs with Vercel AI SDK v7 — useChat, DefaultChatTransport, status, sendMessage. Use when implementing AI SDK v7 chat UIs or troubleshooting useChat stream parse / no response / stale values. Never write useChat from memory.

0
installs
▌
Openapi TS V0 · blockmatic bundle
Generate TypeScript clients from OpenAPI specs using @hey-api/openapi-ts — type-safe API clients. Use when generating TypeScript clients from OpenAPI specifications for frontend or API consumers.

0
installs
▌
Playwright V1 · blockmatic bundle
Ad-hoc Playwright browser automation (scripts in /tmp). Use when testing a URL in a visible browser. App E2E belongs in the consuming repo's E2E dirs — see project rules (e.g. e2e-playwright.mdc).

0
installs
▌
Typescript V6 · blockmatic bundle
Advanced TypeScript patterns for type-safe, maintainable code using sophisticated type system features. Use when building type-safe APIs, implementing complex domain models, or leveraging TypeScript's advanced type capabilities.

0
installs
▌
Yolo · blockmatic
Run the repository's full local quality gate and fix failures without publishing. Use when the user types /yolo.

0
installs
▌
AI Sdk Core V7 · blockmatic bundle
Build backend AI with Vercel AI SDK v7 — generateText, streamText, ToolLoopAgent, tools. Use when implementing AI SDK v7 or troubleshooting AI errors. Never write AI SDK from memory.

0
installs
▌
Drizzle Orm V0 · blockmatic bundle
Drizzle ORM for TypeScript — type-safe SQL queries, schema definitions, migrations, and relations. Use when building database layers in TypeScript applications.

0
installs
▌
Retro · blockmatic
After finishing work, answer "anything you would do better in retrospect ?" Use when the user types /retro.

0
installs
▌
Vercel React V1 · blockmatic bundle
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

0
installs
▌
Deslop · blockmatic
Check diff against main and remove all AI generated code slop introduced in this branch. Use when the user types /deslop.

0
installs
▌
Use V0 · blockmatic
Generate high-quality v0.dev prompt based on current file, selection, and repository context. Use when the user types /use-v0.

0
installs
▌
Council · blockmatic
Explore a codebase with parallel agents, then hand off findings. Use when the user types /council.

0
installs
▌
Roadmap · blockmatic
Diff the codebase against existing PRODUCT horizons; do not invent a backlog. Use when the user types /roadmap.

0
installs
▌
Use Tdd · blockmatic
Implement a requested increment with red-green-refactor. Use when the user types /use-tdd.

0
installs
▌
Tanstack Query V5 · blockmatic
TanStack Query (React Query) for async operations, data fetching, caching, and state management. Use when fetching server data, managing async operations, caching responses, handling mutations, or any operation that benefits from automatic state management and caching.

0
installs
▌
Diagrams · blockmatic
Analyze provided code, architecture, or concept and generate clear, well-structured Mermaid diagram visualizing relationships, flow, or structure. Use when the user types /diagrams.

0
installs
▌
Fix Push · blockmatic
Fix reported issues, validate, then commit and push using the Git playbooks. Use when the user types /fix-push.

0
installs
▌
Git Push · blockmatic
Validate and push the intended branch while preserving unrelated work. Use when the user types /git-push.

0
installs
▌
Lint Fix · blockmatic
Analyze and automatically fix linting issues per project coding standards. Use when the user types /lint-fix.

0
installs
▌
Overview · blockmatic
Diagram existing product, journey, and architecture overlays. Use when the user types /overview.

0
installs
▌
Expo Upgrading V55 · blockmatic bundle
Framework (OSS). Guidelines for upgrading to Expo SDK 57 and fixing dependency issues (upstream v55 naming; NativeWind v5, NativeTabs)

0
installs
▌
Frontend Design V1 · blockmatic bundle
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

0
installs
▌
Exec Push · blockmatic
Implement the requested change, validate, commit, push, and create its PR. Use when the user types /exec-push.

0
installs
▌
Visualize · blockmatic
Use mermaid diagram to visualize the data lineage of the referenced code or project. Use when the user types /visualize.

0
installs
▌
Expo Deployment V55 · blockmatic bundle
EAS service (paid). Deploy Expo SDK 57 apps to the app stores with EAS - build and submit to the iOS App Store, Google Play Store, and TestFlight, configure eas.json build and submit profiles, manage app versions and build numbers, and publish App Store metadata and ASO. Use whenever the user wants to deploy, release, or ship an app to production or the app stores, is preparing a production build, running eas build or eas submit, shipping to TestFlight, bumping version or build numbers, or setting up store listing metadata. For deploying an Expo website or API routes, use the eas-hosting skill.

0
installs

94 published skills