opsiforce

In the author's own words, from each skill's SKILL.md — showing the first 30 of 31 files.

• agent-browser

  Browser automation for testing and debugging — open pages, take snapshots, click/fill elements, inspect network requests, verify UI. Use when you need to visually test the app, verify a feature works, debug UI issues, or investigate what the user sees.

  agent-config/skills/agent-browser/SKILL.md on GitHub (opens in a new tab)

• animations

  Animations and motion design with motion/react. Load whenever animating any UI element — entrance/exit, hover/tap, drag, swipe-to-dismiss, scroll reveal, layout/shared transition (layoutId, LayoutGroup), page change, staggered list, tab indicator, parallax, scroll progress, imperative sequencing (useAnimate), motion values + transforms (rotate-on-drag, opacity-on-scroll), or prefers-reduced-motio…

  agent-config/skills/animations/SKILL.md on GitHub (opens in a new tab)

• data-export

  Export App data from the browser as CSV or JSON downloads, clipboard copies, or print-friendly views. Use when the user wants a download or export button, to copy data, or a printable page. Word, Excel, PowerPoint and PDF deliverables are `document-generation`.

  agent-config/skills/data-export/SKILL.md on GitHub (opens in a new tab)

• data-fetching

  Data fetching and server state for the frontend with TanStack Query v5 — queries, mutations, query keys, cache invalidation, pagination and error handling — plus calling third-party HTTP APIs from the backend. Use whenever the App makes an API request, calls /api, mutates server state, or talks to an external API.

  agent-config/skills/data-fetching/SKILL.md on GitHub (opens in a new tab)

• dates

  date-fns v4 with native @date-fns/tz — parsing/formatting, calculations, timezone-safe patterns, calendar pickers (react-day-picker), and common pitfalls. Use whenever working with dates, timestamps, durations, calendar pickers, due dates, schedule windows, time zones, DST, or any timezone-sensitive computation.

  agent-config/skills/dates/SKILL.md on GitHub (opens in a new tab)

• dnd-kit

  Add drag-and-drop functionality with @dnd-kit. Use whenever the user wants to reorder items, sort a list, build a kanban board, or any drag-to-rearrange interaction. For reordering/sorting use dnd-kit; for free-drag/swipe gestures (drag a card around, swipe-to-dismiss) use the animations skill.

  agent-config/skills/dnd-kit/SKILL.md on GitHub (opens in a new tab)

• document-generation

  Produce Word, PowerPoint, Excel, and PDF deliverables — reports, decks, spreadsheets, invoices, exports — with the libraries already installed in this container (docx, pptxgenjs, pdf-lib, openpyxl, reportlab, pypdf, pandoc, Chromium). Use whenever the user asks for a document, report, deck, presentation, slides, spreadsheet, workbook, or PDF, and when reading or revising one you already delivered.

  agent-config/skills/document-generation/SKILL.md on GitHub (opens in a new tab)

• incoming-email

  Give the app an email address it can RECEIVE mail at — inbound email with attachments. Use when the user wants to email data into their app, or asks "what's my app's email address?" / wants that address rotated. This is INBOUND only — sending email is not supported (see the send-email skill).

  agent-config/skills/incoming-email/SKILL.md on GitHub (opens in a new tab)

• llm-api

  Worked recipes for AI through the platform's LLM gateway — chat and text completions, structured output, streaming, vision, image generation and editing, text-to-speech, and audio/video transcription, across OpenAI (GPT) and Anthropic (Claude) models with reasoning-effort control. Use whenever a task needs AI, whether in an App feature or a one-off job done directly from the shell.

  agent-config/skills/llm-api/SKILL.md on GitHub (opens in a new tab)

• nestjs-api

  Create NestJS API endpoints with controllers, services, and modules. Use when adding API routes, backend features, validation, or any backend code change. This is the backend framework — every API change should follow NestJS patterns.

  agent-config/skills/nestjs-api/SKILL.md on GitHub (opens in a new tab)

• platform

  The Opsiforce platform contract every agent runs under — an App is `/workspace/app/startup.sh` serving on `$APP_PORT`, and it goes live the moment `app/app.meta.json` exists. Also covers what a pod restart wipes and what the workspace keeps, uploaded and generated files, `app/opsiforce.env.json` and Publish, the platform environment variables, the LLM gateway and the ban on local models, and the…

  agent-config/skills/platform/SKILL.md on GitHub (opens in a new tab)

• react-dropzone

  File uploads with drag-and-drop using react-dropzone — the drop zone, previews, validation errors, and sending the file to the App's backend and storing it. Use whenever users upload files, images, documents, or any binary data.

  agent-config/skills/react-dropzone/SKILL.md on GitHub (opens in a new tab)

• schedules

  Scheduled/cron background tasks — use when the user asks for recurring tasks, cron jobs, periodic checks, or "run X every Y" — any background work that needs to run on a schedule.

  agent-config/skills/schedules/SKILL.md on GitHub (opens in a new tab)

• send-email

  The platform does NOT currently support sending emails. Use when the user asks for email features (notifications, reports, welcome emails, password resets, etc.) to explain this limitation.

  agent-config/skills/send-email/SKILL.md on GitHub (opens in a new tab)

• sqlite

  The App's own SQLite database via Node 24's built-in node:sqlite — migrations, the DatabaseService API, transactions, upserts, full-text search (FTS5), JSON and window functions. Use for any data model change, schema work, or SQL query against the App's database.

  agent-config/skills/sqlite/SKILL.md on GitHub (opens in a new tab)

• state-management

  Client-side state management with Zustand — global stores, selectors, useShallow, middleware (persist, devtools, immer) and the slices pattern. Use for shared UI state across components — filters, selections, sidebar/modal state, shopping cart, undo history, drag state, multi-step wizard state, anything read or written by more than one component. Do NOT use for server data (use data-fetching) or…

  agent-config/skills/state-management/SKILL.md on GitHub (opens in a new tab)

• virtual-list

  Render large lists efficiently with @tanstack/react-virtual. Use when displaying 100+ items in a list, table, or grid — virtualizes rendering so only visible items are in the DOM.

  agent-config/skills/virtual-list/SKILL.md on GitHub (opens in a new tab)

• web-app

  Use when building or changing an App on the platform's web-app starter — the React, Vite, Tailwind and shadcn/ui frontend with a NestJS and SQLite backend laid in `/workspace/app`. Covers the dev servers that are already running, adding packages, the build order, the project structure, the frontend-to-backend flow, the starter's rules, and how to verify the App before calling a feature done. Load…

  agent-config/skills/web-app/SKILL.md on GitHub (opens in a new tab)

• websockets

  Real-time communication over WebSockets with a NestJS gateway. Use when the app needs live updates, chat, notifications, presence, collaborative editing, multiplayer state, or any server-pushed data — anything where polling would be too slow or wasteful.

  agent-config/skills/websockets/SKILL.md on GitHub (opens in a new tab)

• whatsapp

  Let the app RECEIVE WhatsApp messages — texts, photos, documents and voice notes from allowlisted individual chats and groups. Use when the user wants to send data to their app over WhatsApp, log a group's messages, or asks why WhatsApp messages are not arriving. This is INBOUND only — the app cannot send or reply on WhatsApp.

  agent-config/skills/whatsapp/SKILL.md on GitHub (opens in a new tab)

• charts

  Charts and data visualization with Recharts — bar, line, area, pie/donut, scatter, and composed/radar/radial variants. Plus reference lines/areas (targets, thresholds), brush (zoom), synced charts, click drill-down, custom theme-aware tooltips, sparklines in stat cards, axis formatters (currency/percentages/dates), responsive sizing, accessibility. Use whenever the user wants graphs, charts, dash…

  agent-config/agents/app-builder/skills/charts/SKILL.md on GitHub (opens in a new tab)

• frontend-design

  Design polished, visually distinctive frontend UIs that avoid generic "AI template" aesthetics. Use when starting a new app to establish visual identity, or when the UI needs to look more professional, creative, or distinctive. Load this skill at the beginning of every new app.

  agent-config/agents/app-builder/skills/frontend-design/SKILL.md on GitHub (opens in a new tab)

• react-table

  Build data tables with @tanstack/react-table — column definitions, sorting, filtering, pagination. Use when displaying tabular data, building admin panels, or showing lists.

  agent-config/agents/app-builder/skills/react-table/SKILL.md on GitHub (opens in a new tab)

• ui

  Load for ANY frontend / UI / styling work — shadcn/ui components, react-hook-form + zod forms, multi-step wizards, responsive app shells (desktop sidebar ↔ mobile hamburger drawer), React Router routing & URL-synced lists (filter/search/sort/pagination), Lucide icons, Tailwind v4 theming, accessibility (focus, ARIA, prefers-reduced-motion, hydration), and styling / composition / forms / icons / p…

  agent-config/agents/app-builder/skills/ui/SKILL.md on GitHub (opens in a new tab)

• agent-authoring

  Custom Agent authoring — the prompt body, the Template and its save, the model and effort, the Skills to add, and testing in the chat's Test Project. Load it before drafting, saving or testing an Agent.

  agent-config/agents/skill-agent-builder/skills/agent-authoring/SKILL.md on GitHub (opens in a new tab)

• skill-authoring

  Skill authoring — whether one is warranted, the frontmatter and its triggering description, the body and references split, and the validate, publish, read-back loop. Load it before drafting, validating or publishing a Skill.

  agent-config/agents/skill-agent-builder/skills/skill-authoring/SKILL.md on GitHub (opens in a new tab)

• effect

  Work with Effect v4 TypeScript code in this repo

  frontend/opencode/.opencode/skills/effect/SKILL.md on GitHub (opens in a new tab)

• rtl-aware-development

  OpenCode Desktop should be RTL-aware. Use when implementing or reviewing RTL/LTR behavior in the web app, desktop app, CSS, menus, scrolling, resizing, icons, mixed-direction text, or Electron title bars.

  frontend/opencode/.opencode/skills/rtl-aware-development/SKILL.md on GitHub (opens in a new tab)

• sample-skill

  Use when the user says sample skill, skill demo, or asks how an opencode SKILL.md should be structured; demonstrates a tiny project-local skill with practical assistant workflow guidance.

  frontend/opencode/.opencode/skills/sample-skill/SKILL.md on GitHub (opens in a new tab)

• first

  First skill

  frontend/opencode/packages/core/test/config/fixture/skills/first-source/first/SKILL.md on GitHub (opens in a new tab)

No skill matches that filter.

Similar skills

• paperclipby paperclipai The open-source app everyone uses to manage agents at work 103k stars · 30 skills
• archifyby tt-a1i Turn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more. 84.1k stars · 2 skills
• agentsby wshobson Multi-harness agentic plugin marketplace for Claude Code, Codex, Cursor, OpenCode, GitHub Copilot, Google Antigravity, and Pi 40.9k stars · 30 skills
• distillyby titanwings Distilly — Distill how they think into reusable Skills for any Agent or Bot. Formerly Colleague Skill（原同事 Skill）. 25.7k stars · 1 skill
• html-anythingby nexu-io ✨ The agentic HTML editor — your local AI agent writes the HTML, you ship it. 🚀 75 Skills × 9 Surfaces (magazine · deck · poster · XHS / tw… 9.1k stars
• gentle-aiby Gentleman-Programming Gentle-AI configures the AI coding agents you already use: Claude Code, Cursor, OpenCode, Codex, Pi, and more. Choose persistent memory, Or… 7.8k stars · 20 skills