ReddRadar
Agent skills
Skills you can use with AI coding agents, indexed from public GitHub repositories.
-
skill-creator
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
titonio/opencode-jb 6
-
code-refactoring
Code refactoring patterns and techniques for improving code quality without changing behavior. Use for cleaning up legacy code, reducing complexity, or improving maintainability.
julianromli/opencode-template 133
-
using-superpowers
Use when starting any conversation - establishes how to find and use skills, requiring Skill tool invocation before ANY response including clarifying questions
julianromli/opencode-template 133
-
ui-ux-pro-max
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
julianromli/opencode-template 133
-
task-generator
Generate structured task lists from specs or requirements. IMPORTANT: After completing ANY spec via ExitSpecMode, ALWAYS ask the user: "Would you like me to generate a task list for this spec?" Use when user confirms or explicitly requests task generation from a plan/spec/PRD.
julianromli/opencode-template 133
-
next-best-practices
Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling
julianromli/opencode-template 133
-
requesting-code-review
Use when completing tasks, implementing major features, or before merging to verify work meets requirements
julianromli/opencode-template 133
-
javascript-typescript
JavaScript and TypeScript development with ES6+, Node.js, React, and modern web frameworks. Use for frontend, backend, or full-stack JavaScript/TypeScript projects.
julianromli/opencode-template 133
-
vercel-react-best-practices
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.
julianromli/opencode-template 133
-
writing-plans
Use when you have a spec or requirements for a multi-step task, before touching code
julianromli/opencode-template 133
-
systematic-debugging
Use when encountering any bug, test failure, or unexpected behavior, before proposing fixes
julianromli/opencode-template 133
-
rsc-data-optimizer
Optimize Next.js App Router data fetching by converting slow client-side
fetching to fast server-side fetching using React Server Components (RSC).
Use when:
- User reports slow initial page load with loading spinners
- Page uses useEffect + useState for data fetching
- StoreContext/useStore pattern causes waterfall fetching
- Need to improve SEO (content not in initial HTML)
- Converting "use client" pages to Server Components
Triggers: "slow loading", "optimize fetching", "SSR data", "RSC optimization",
"remove loading spinner", "server-side fetch", "convert to server component",
"data fetch lambat", "loading lama"
julianromli/opencode-template 133
-
python-development
Modern Python development with Python 3.12+, Django, FastAPI, async patterns, and production best practices. Use for Python projects, APIs, data processing, or automation scripts.
julianromli/opencode-template 133
-
subagent-driven-development
Use when executing implementation plans with independent tasks in the current session
julianromli/opencode-template 133
-
shadcn-management
Manage shadcn/ui components using MCP tools. Use when user needs to:
(1) Add new shadcn components to a project
(2) Build complex UI features requiring multiple components
(3) Research component implementations and examples
(4) Get component installation commands
Triggers: "add shadcn", "shadcn component", "build UI with shadcn", "install component", "create form", "create dialog"
julianromli/opencode-template 133
-
executing-plans
Use when you have a written implementation plan to execute in a separate session with review checkpoints
julianromli/opencode-template 133
-
code-review
Automated code review for pull requests using specialized review patterns. Analyzes code for quality, security, performance, and best practices. Use when reviewing code changes, PRs, or doing code audits.
julianromli/opencode-template 133
-
resend-design-skills
Use when needing Resend design resources. Routes to brand guidelines, visual identity, and other design sub-skills.
julianromli/opencode-template 133
-
resend-brand
Use when creating Resend marketing materials, documents, presentations, or visual content. Triggers for Resend brand, Resend style, or Resend visual identity requests.
julianromli/opencode-template 133
-
verification-before-completion
Use when about to claim work is complete, fixed, or passing, before committing or creating PRs - requires running verification commands and confirming output before making any success claims; evidence before assertions always
julianromli/opencode-template 133
-
writing-skills
Use when creating new skills, editing existing skills, or verifying skills work before deployment
julianromli/opencode-template 133
-
dispatching-parallel-agents
Use when facing 2+ independent tasks that can be worked on without shared state or sequential dependencies
julianromli/opencode-template 133
-
frontend-ui-animator
Analyze and implement purposeful UI animations for Next.js + Tailwind + React projects. Use when user asks to add animations, enhance UI motion, animate pages/components, or improve visual feedback. Triggers on "add animations", "animate UI", "motion design", "hover effects", "scroll animations", "page transitions", "micro-interactions".
julianromli/opencode-template 133
-
agents-md-generator
Generate hierarchical AGENTS.md structures for codebases. Use when user asks to create AGENTS.md files, analyze codebase for AI agent documentation, set up AI-friendly project documentation, or generate context files for AI coding assistants. Triggers on "create AGENTS.md", "generate agents", "analyze codebase for AI", "AI documentation setup", "hierarchical agents".
julianromli/opencode-template 133