julianromliCommunity·42 Agent Skills Included

opencode-template

Full-stack development workflows, debugging, testing, and UI design

Provides ready-made workflows for building, testing, debugging, and reviewing web applications. Covers Next.js and React performance, UI animation, database design, TDD, and systematic root-cause debugging. Eliminates guesswork by enforcing verified, test-first development practices. Helps developers ship production-ready code faster with consistent quality checks.

141|20

↗

npx skills add julianromli/opencode-template --all -g -y

Available:

Gives your AI agent global operating rules, including mandatory skill invocation order, safe handling of environment files, preferred search and documentation tools, and a verify-before-done requirement for every code change.

All Skills in This Repository (42)

Pure Emerald Level Indicators

📦 In Repo

julianromli

ui-ux-pro-max

Retrieve policy-guided design tokens and style guidelines for front-end frameworks.

rsc-data-optimizer

Convert Next.js client-side data fetching to React Server Components.

using-git-worktrees

Create isolated git worktrees with project detection and baseline verification.

frontend-ui-animator

Analyze and implement UI animations for Next.js, Tailwind, and React projects.

template-skill

Create a ready-to-edit Skill skeleton with standardized frontmatter metadata.

test-driven-development

Guide teams to write failing tests before production code in red-green-refactor cycles.

frontend-ui-integration

Integrate frontend UI changes with existing backend APIs in a web application.

database-design

Design relational schemas and migration patterns for PostgreSQL, MySQL, and NoSQL databases.

systematic-debugging

Identify root causes in bugs before proposing fixes.

web-design-guidelines

Audit UI code against Web Interface Guidelines and report non-conformities in file:line format.

python-development

Scaffold Python 3.12+ projects with Django or FastAPI and async patterns.

using-superpowers

Check and invoke applicable skills before responding to user input.

Community

Basic

Frequently Asked Questions

FAQPage Schema

How to install opencode-template?▼

Run `npx skills add julianromli/opencode-template --all -g -y` in your terminal to install all skills in this collection globally.

What does opencode-template include?▼

It bundles 40+ skills covering Next.js and React best practices, UI animation, database design, test-driven development, systematic debugging, code review, and autonomous feature implementation loops.

How does it improve debugging and testing?▼

The systematic-debugging and test-driven-development skills force root-cause investigation before fixes and require a failing test before any production code, preventing guesswork and regressions.

Does it work with Claude Code and OpenCode?▼

Yes. All skills follow the universal SKILL.md standard and run in OpenCode, Claude Code, Cursor, and other compatible coding environments.

Can I use it without deep framework knowledge?▼

Yes. Each skill contains step-by-step instructions, code examples, and checklists that your agent follows automatically from plain-English requests.