enderpuentes
- 15 skills
- 0 followers
- 1 week ago last updated
- ▌ Zod · enderpuentes bundleDefine and use Zod schemas for TypeScript-first validation: primitives, objects, arrays, unions, refinements, transform, z.infer, parse, safeParse. Use when validating input, parsing API data, form validation with react-hook-form, or when the user mentions Zod, schema validation, or z.infer.
- ▌ Gsap · enderpuentes bundleInstall and use GSAP (GreenSock Animation Platform) for high-performance JavaScript animations. Covers core utilities (Tween, Timeline), React integration (@gsap/react/useGSAP), Eases, and popular plugins like ScrollTrigger, ScrollSmoother, and Flip. Use when creating complex animations, scroll-based effects, UI transitions, or SVG animations, or when the user mentions GSAP, GreenSock, or ScrollTrigger.
- ▌ Jsdoc · enderpuentes bundleWrite and maintain JSDoc comments for JavaScript and TypeScript APIs: functions, classes, modules, parameters, returns, examples, and TODO annotations. Use when documenting code, generating API docs, setting JSDoc conventions, or when the user mentions JSDoc tags like @param, @returns, or @todo.
- ▌ JSON Ld · enderpuentes bundleAdd and validate JSON-LD structured data with schema.org for SEO rich results. Use when implementing structured data, schema markup, application/ld+json, Organization, WebSite, Article, Product, FAQ, BreadcrumbList, or when the user mentions JSON-LD, schema.org, rich snippets, or Google structured data.
- ▌ Sitemap · enderpuentes bundleCreate and maintain XML sitemaps per sitemaps.org for search engine crawl discovery. Use when adding sitemap.xml, sitemap index, Next.js sitemap.ts, lastmod, changefreq, robots.txt Sitemap directive, or when the user mentions sitemap, URL discovery, or crawl indexing.
- ▌ Llms Txt · enderpuentes bundleCreate llms.txt per llmstxt.org for AI assistants and AEO/GEO. Use when adding llms.txt, llms-full.txt, AI-readable site maps, agent context, or when the user mentions llms.txt, llmstxt, answer engine optimization, GEO, or B2A content.
- ▌ Shadcn UI · enderpuentes bundleInstall and use shadcn/ui with Tailwind v4 and Next.js (App Router), Vite, or manual setup; configure components.json, add components via CLI, theming with CSS only. Use when adding shadcn/ui, installing shadcn, using Button, Card, Dialog, Form, or other shadcn components, or when the user mentions shadcn, shadcn/ui, or Radix UI with Tailwind.
- ▌ Storybook · enderpuentes bundleInstall and use Storybook for developing UI components in isolation. Covers CSF (Component Story Format), colocated stories in system/ directory, installation for Next.js/Vite/React, writing stories with args, decorators, play functions, and testing. Use when building component libraries, design systems, documenting UI components, testing components in isolation, or when the user mentions Storybook, stories, component development, or UI workshop.
- ▌ Typescript · enderpuentes bundleUse TypeScript for type-safe JavaScript: types, interfaces, generics, narrowing, tsconfig, modules, and strict mode. Use when writing or reviewing TypeScript, configuring tsconfig.json, defining types or interfaces, generics, type inference, or when the user mentions TypeScript, TS, or type checking.
- ▌ Anti Cliche Agent · enderpuentes bundleEnforce strict anti-cliché rules across prose, code, UI/UX, and Next.js/Tailwind/React architecture (2026 Standards). Use this skill whenever the user wants to avoid tropes, banned words, overengineering, UI clichés, excessive abstraction, prop-drilling, legacy React 18 patterns, or generic AI-generated code tells. Also triggers on: 'anti-cliche', 'banned words', 'avoid tropes', 'no clichés', 'clean architecture', 'no overengineering', 'avoid AI writing', 'Next.js best practices', 'React 19'. When in doubt, use this skill — it applies to nearly all code review, UI critique, and writing tasks.
- ▌ Code Review · enderpuentes bundleAudits the git diff against develop (not main) for UI/React review themes—Tailwind bloat, cn() misuse, class constants, inline JSX constants, SRP boundaries, legacy-in-system imports—grading severity and confidence. Use when the user asks for a develop-based code review audit without auto-fixes.
- ▌ Split Commit · enderpuentes bundleAnalyze local git changes and return a copy-paste split-commit PowerShell command sequence. Use when the user wants to split uncommitted work into multiple logical commits without the agent committing for them.
- ▌ Tailwind CSS · enderpuentes bundleSet up and use Tailwind CSS v4 only with Next.js (App Router), Vite, or CLI; no tailwind.config.js—theme via @theme in CSS. Use when styling with Tailwind, configuring Tailwind, installing Tailwind, utility classes, @theme, @layer, @utility, or when the user mentions Tailwind CSS or Tailwind v4.
- ▌ Clinical Tone · enderpuentesEnforce a strictly objective, zero-tolerance, CTO/Director-of-Engineering communication style. No sycophancy, no apologies, no moralizing, no cheerleading. When the user is wrong or shipping something broken, say it plainly with the diagnosis and the fix — like a Staff+ engineer in a postmortem, not a customer support bot. Covers frontend, backend, mobile, SEO, AEO, UI/UX, architecture, and 2026 product engineering standards. Triggers on: code review, architecture review, product critique, PR feedback, technical decisions, 'be direct', 'no BS', 'honest review', 'CTO mode', 'senior feedback', 'roast my code', 'what's wrong with this', 'audit this', 'is this good', or any pair programming session. When in doubt, use this skill for all technical and product discussions.
- ▌ Conventional Commits · enderpuentes bundleGenerate and validate commit messages following the Conventional Commits specification. Use when creating git commits, writing commit messages, reviewing commit history, generating changelogs, or when the user mentions commits, commit messages, semantic versioning, or changelog generation.