Agent Skills by Arnel Deomic
Showing 44 vetted skills indexed across 5 GitHub repositories.
deomiarndesign-system-creator
Generate design tokens, CSS variables, and Tailwind extensions for web design systems.
deomiarnui-ux-pro-max
Generate design system guidance from searchable UI/UX inspiration data.
deomiarnanimation-library
Implement UI animations with Framer Motion, CSS, and scroll-triggered effects.
deomiarnsection-builder
Assemble reusable website sections with patterns for heroes, grids, and CTAs.
deomiarnseo-technical
Automate technical SEO setup for Next.js sites with schema markup and sitemaps.
deomiarndesign-excellence
Validate section designs against a seven-category Dribbble-quality rubric.
deomiarncreate-plan
Generate a structured, executable plan from a coding-task prompt.
deomiarnexecuting-plans
Execute implementation plans in batches with checkpoints and status tracking.
deomiarnresponsive-patterns
Create mobile-first responsive web layouts with CSS grid and media queries.
deomiarncomponent-validator
Validate UI components with TypeScript, design token, responsiveness, accessibility, and animation checks.
deomiarnnextjs-patterns
Initialize and optimize Next.js 15 projects with App Router and Server Components.
deomiarnfrontend-design
Generate production-grade frontend interfaces from high-level briefs.
deomiarnSEO Optimizer
Provide structured SEO guidance for keyword research, on-page optimization, and schema markup.
deomiarnframer-animations
Automate Framer Motion micro-animations for section reveals, staggered lists, and hover interactions.
deomiarnerror-pages
Create branded 404 and 500 error pages for Next.js with i18n support.
deomiarnfavicon-pwa
Generate favicon variants, apple-touch-icon, and PWA manifest from brand colors.
deomiarnwebp-images
Convert page images to WebP with responsive variants for Next.js Image components.
deomiarnlegal-pages
Generate Impressum and Datenschutz pages with locale-specific file paths.
deomiarntechnical-seo
Audit site readiness and implement sitemap.xml, robots.txt, and JSON-LD schema.
deomiarnsmooth-scroll
Implement smooth scrolling for same-page anchor links in router-based web applications.
deomiarninternal-links
Validate CTA hrefs and Next.js Link wrappers on site pages.
deomiarnfinal-checklist
Automate pre-launch website verification across SEO, accessibility, and deployment workflows.
deomiarnpage-transitions
Implement a three-layer Framer Motion overlay for Next.js App Router route changes.
deomiarninstall-sections
Install new shadcnblocks sections and extract text to i18n files for a page route.