julianromli/opencode-template

1

find-skills Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is…

julianromli/opencode-template

19

2

ui-ux-pro-max UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte…

julianromli/opencode-template

18

3

frontend-ui-animator Analyze and implement purposeful UI animations for Next.js + Tailwind + React projects.

julianromli/opencode-template

16

4

agents-md-generator Generate hierarchical AGENTS.md structures for codebases.

julianromli/opencode-template

10

5

backend-dev Comprehensive backend development workflow that orchestrates expert analysis, architecture design, implementation, an…

julianromli/opencode-template

10

6

changelog-generator Automatically creates user-facing changelogs from git commits by analyzing commit history, categorizing changes, and …

julianromli/opencode-template

10

7

frontend-ui-integration Implement or extend a user-facing workflow in a web application, integrating with existing backend APIs. Use when the…

julianromli/opencode-template

10

8

browser Minimal Chrome DevTools Protocol tools for browser automation and scraping. Use when you need to start Chrome, naviga…

julianromli/opencode-template

9

9

code-refactoring Code refactoring patterns and techniques for improving code quality without changing behavior. Use for cleaning up le…

julianromli/opencode-template

9

10

finishing-a-development-branch Use when implementation is complete, all tests pass, and you need to decide how to integrate the work - guides comple…

julianromli/opencode-template

9

11

frontend-design Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks …

julianromli/opencode-template

9

12

javascript-typescript JavaScript and TypeScript development with ES6+, Node.js, React, and modern web frameworks. Use for frontend, backend…

julianromli/opencode-template

9

13

next-best-practices Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route…

julianromli/opencode-template

9

14

product-management Assist with core product management activities including writing PRDs, analyzing features, synthesizing user research…

julianromli/opencode-template

9

15

requesting-code-review Use when completing tasks, implementing major features, or before merging to verify work meets requirements

julianromli/opencode-template

9

16

using-git-worktrees Use when starting feature work that needs isolation from current workspace or before executing implementation plans -…

julianromli/opencode-template

9

17

windows-safe-grep Use when grep/ripgrep fails on Windows due to paths with backslash-space sequences creating malformed paths like 'nul…

julianromli/opencode-template

9

18

writing-plans Use when you have a spec or requirements for a multi-step task, before touching code

julianromli/opencode-template

9

19

artifacts-builder Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologie…

julianromli/opencode-template

8

20

code-review Automated code review for pull requests using specialized review patterns. Analyzes code for quality, security, perfo…

julianromli/opencode-template

8

21

database-design Database schema design, optimization, and migration patterns for PostgreSQL, MySQL, and NoSQL databases. Use for desi…

julianromli/opencode-template

8

22

dispatching-parallel-agents Use when facing 2+ independent tasks that can be worked on without shared state or sequential dependencies

julianromli/opencode-template

8

23

llm-application-dev Building applications with Large Language Models - prompt engineering, RAG patterns, and LLM integration. Use for AI-…

julianromli/opencode-template

8

24

python-development Modern Python development with Python 3.12+, Django, FastAPI, async patterns, and production best practices. Use for …

julianromli/opencode-template

8

25

receiving-code-review Use when receiving code review feedback, before implementing suggestions, especially if feedback seems unclear or tec…

julianromli/opencode-template

8

26

resend-brand Use when creating Resend marketing materials, documents, presentations, or visual content. Triggers for Resend brand,…

julianromli/opencode-template

8

27

resend-design-skills Use when needing Resend design resources. Routes to brand guidelines, visual identity, and other design sub-skills.

julianromli/opencode-template

8

28

rsc-data-optimizer Optimize Next.js App Router data fetching by converting slow client-side fetching to fast server-side fetching using …

julianromli/opencode-template

8

29

shadcn-management Manage shadcn/ui components using MCP tools. Use when user needs to: (1) Add new shadcn components to a project (2) B…

julianromli/opencode-template

8

30

subagent-driven-development Use when executing implementation plans with independent tasks in the current session

julianromli/opencode-template

8

31

systematic-debugging Use when encountering any bug, test failure, or unexpected behavior, before proposing fixes

julianromli/opencode-template

8

32

task-generator Generate structured task lists from specs or requirements. IMPORTANT: After completing ANY spec via ExitSpecMode, ALW…

julianromli/opencode-template

8

33

template-skill Replace with description of the skill and when Claude should use it.

julianromli/opencode-template

8

34

test-driven-development Use when implementing any feature or bugfix, before writing implementation code

julianromli/opencode-template

8

35

using-superpowers Use when starting any conversation - establishes how to find and use skills, requiring Skill tool invocation before A…

julianromli/opencode-template

8

36

vercel-react-best-practices React and Next.js performance optimization guidelines from Vercel Engineering.

julianromli/opencode-template

8

37

verification-before-completion Use when about to claim work is complete, fixed, or passing, before committing or creating PRs - requires running ver…

julianromli/opencode-template

8

38

web-design-guidelines Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "aud…

julianromli/opencode-template

8

39

writing-skills Use when creating new skills, editing existing skills, or verifying skills work before deployment

julianromli/opencode-template

8

40

executing-plans Use when you have a written implementation plan to execute in a separate session with review checkpoints

julianromli/opencode-template

7

41

skill-creator Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an ex…

julianromli/opencode-template

7

42

ralph Convert PRDs to prd.json format for the Ralph autonomous agent system. Use when you have an existing PRD and need to …

julianromli/opencode-template

5