justpeppe
14 verified skills
backend-architect
Expert backend architect specializing in scalable API design, microservices architecture, and distributed systems. Masters REST/GraphQL/gRPC APIs, event-driven architectures, service mesh patterns, and modern backend frameworks. Handles service boundary definition, inter-service communication, resilience patterns, and observability. Use PROACTIVELY when creating new backend services or APIs.
development
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
development
.agents/skills/iota-move-expert
--- name: iota-move-expert description: Activate when the user asks to write, review, or architect Move smart contracts for IOTA. Applies IOTA-specific conventions: object-centric storage, UID/key ability, PTBs, module init, capabilities, type-state, OTW, and dynamic fields. tags: [iota, move, smart-contract, blockchain, objects, PTB] trigger: Triggered by: "scrivi un modulo Move", "crea uno smart contract IOTA", "come si fa X in Move IOTA", "rivedi questo codice Move". --- # Goal Generate and
development
.agents/skills/iota-move-junior-scaffold
--- name: iota-move-junior-scaffold description: For junior developers: generates complete, heavily annotated Move package scaffolding for IOTA, explaining every line of code in Italian. Ideal for learners following the IOTA Core Workshops (Core I–IV). tags: [iota, move, junior, scaffold, learning, beginner] trigger: Triggered by: "crea un progetto Move da zero", "non so da dove iniziare", "spiega mentre scrivi", "sono alle prime armi con Move". --- # Goal Generate a complete Move package skel
development
iota-move-security-audit
Activate when the user asks to audit, review for security, or check correctness of a Move package on IOTA. Produces a structured security report with passed checks, warnings, and critical issues.
testing
nodejs-backend-patterns
Build production-ready Node.js backend services with Express/Fastify, implementing middleware patterns, error handling, authentication, database integration, and API design best practices. Use when creating Node.js servers, REST APIs, GraphQL backends, or microservices architectures.
development
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.
development
ui-ux-designer
Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools. Specializes in design tokens, component libraries, and inclusive design. Use PROACTIVELY for design systems, user flows, or interface optimization.
tools
ui-visual-validator
Rigorous visual validation expert specializing in UI testing, design system compliance, and accessibility verification. Masters screenshot analysis, visual regression testing, and component validation. Use PROACTIVELY to verify UI modifications have achieved their intended goals through comprehensive visual analysis.
development
web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
development
react-ui-patterns
Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.
development
ui-ux-pro-max
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). 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. Integrations: shadcn/ui MCP for component search and examples.
tools
frontend-ui-dark-ts
Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations. Use when creating dashboards, admin panels, or data-rich interfaces with a refined dark aesthetic.
development
.agents/skills/iota-move-junior-error-explainer
--- name: iota-move-junior-error-explainer description: For junior developers: when a Move compiler error, type error, or runtime abort occurs on IOTA, explains the problem in simple Italian and provides a minimal corrected version with explanation of why the fix works. tags: [iota, move, junior, debug, error, learning, beginner] trigger: Triggered by: paste di un errore del compilatore, "perché questo errore?", "non capisco questo abort", "non compila", "ability constraint not satisfied", "miss
development