frontend development skills

Surya17155/Replica

Skill Claude CodeCodex

Use when the user uploads a screenshot of a hero section or landing page (or a URL/description of one) and wants a copy-paste-ready developer prompt to recreate it exactly in a tool like Lovable, Bolt, Replit, or Cursor. Produces prompts with exact hex colors, Tailwind classes, animation timing tuples, and component…

2233admin/design-pipeline

Skill Claude CodeCodex

OpenSpec-style design development pipeline for visual direction, UX research, website cloning and reverse-engineering, interaction polish, frontend implementation, and evidence-backed QA. Use for product UI, marketing pages, dashboards, live-page references, pixel-accurate rebuilds, design reviews, and frontend work…

2233admin/design-pipeline

Skill Claude CodeCodex

This skill should be used when the user asks to "make a video ad", "create an animated ad", "build a performance/UGC-style ad", "batch-produce ad creative variations", "generate ad variants for A/B testing", "swap headline/offer/CTA across many ad versions", or "export one ad in multiple aspect ratios for…

2233admin/design-pipeline

Skill Claude CodeCodex

This skill should be used when the user asks to "make an animated testimonial", "create a quote video", "build a review video", "turn a customer testimonial into a graphic", "animate a customer review", "make a social proof video", "add an animated star rating", or "turn a list of reviews into videos". Covers quote…

figueroaignacio/ignaciofigueroa.dev

Skill Claude CodeCodex

Use when the user wants to translate a repository README, make a repo multilingual, localize docs, add a language switcher, internationalize the README, or update localized README variants in a GitHub-style repository.

figueroaignacio/ignaciofigueroa.dev

Skill Claude CodeCodex

Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices. Use when styling React/Vue/Svelte components, building responsive layouts, implementing design systems, or optimizing CSS workflow.

figueroaignacio/ignaciofigueroa.dev

Skill Claude CodeCodex

Master TypeScript's advanced type system including generics, conditional types, mapped types, template literals, and utility types for building type-safe applications. Use when implementing complex type logic, creating reusable type utilities, or ensuring compile-time type safety in TypeScript projects.

thePM001/AEP-agent-element-protocol

Skill Claude CodeCodex

Use when creating a new AepCaw security policy, including agent sandboxes, CI pipelines, development environments, HTTP service gateways, or Postgres-family database access policies.

thePM001/AEP-agent-element-protocol

Skill Claude CodeCodex

Use when adding, removing, or updating rules in an existing AepCaw policy, modifying security permissions, HTTP service declarations, Postgres-family database rules, resource limits, or policy YAML files.

thePM001/AEP-agent-element-protocol

Skill Claude CodeCodex

Use this skill whenever working with AEP (Agent Element Protocol) 2.8, dynAEP (main AEP event runtime), Base Node, Composer Lite, CCA / setup agent, component registry, CAW, UCB, Path A/B connect, dynAEP-TA, dynAEP-TA-P or any AEP governance feature. Triggers include 'AEP', 'dynAEP', 'dynAEP-TA', 'dynAEP-TA-P'…