Profile My skills Saved Collections Edit profile Submit a skill

← all publishers

alexeira

@alexeira source repo

6 published skills

  1. ▌
    Better Forms · alexeira
    Complete guide for building accessible, high-UX forms in modern stacks (React/Next.js, Tailwind, Zod). Includes specific patterns for clickable areas, range sliders, output-inspired design, and WCAG compliance.
    0
    installs
  2. ▌
    HTML · alexeira bundle
    Generate self-contained HTML artifacts instead of Markdown for any non-code output: specs, plans, code reviews, design prototypes, reports, custom editing interfaces, explainers, decks. Trigger when the user asks to create a document, report, plan, spec, brainstorm output, prototype, visual explainer, or any rich artifact that benefits from layout, color, interactivity, or shareability. Do NOT trigger for source-code files, configs, README files, or when the user explicitly requests Markdown.
    0
    installs
  3. ▌
    Clack · alexeira bundle
    Build and maintain interactive Node.js/Bun CLIs with Clack (`@clack/prompts` and `@clack/core`). Use when an AI agent needs to design prompt flows, implement cancellation-safe input handling, add spinners/log/note UX, apply Clack best practices, or generate runnable examples aligned with official Clack docs.
    0
    installs
  4. ▌
    Clarify First · alexeira
    Interrogate the user with concrete multiple-choice questions before executing non-trivial tasks. Use when the user says "tengo que hacer X", "necesito implementar Y", "ayúdame a construir Z", "I need to build X", "how should I approach Y", or describes a task without clear scope, success criteria, or chosen approach. Forces clarifying questions about scope, success criteria, user's prior knowledge, and tradeoffs BEFORE any code is written. Prevents over-delegation (handing a half-understood task to the LLM) and analysis paralysis. User may invoke and respond in Spanish or English — match their language. Do NOT use for trivial edits, typo fixes, single-line changes, or when the user explicitly says "just do it" / "hazlo".
    0
    installs
  5. ▌
    Compound Pattern · alexeira
    Expert guide for designing and implementing the Compound Component pattern in React. Use this skill whenever the user wants to build reusable UI components that share state internally (menus, dropdowns, tabs, accordions, modals, data tables, lists), when they ask how to avoid prop drilling or "God component" anti-patterns, when they want to build a component library with a clean declarative API, or when they mention compound components, Context API for component composition, React.Children, or cloneElement. Trigger even if the user just describes a component with sub-parts that need to communicate (e.g. "tabs with active state", "dropdown with a trigger and list", "table with rows and cells").
    0
    installs
  6. ▌
    Better Auth Device Authorization · alexeira
    Implement OAuth 2.0 Device Authorization Grant (RFC 8628) in Better Auth for limited-input devices — CLIs, smart TVs, IoT, gaming consoles. Use this whenever the user mentions "device flow", "device authorization", "device code", `deviceAuthorization` plugin, RFC 8628, CLI login/auth, smart TV auth, IoT auth, or needs to authenticate a device that can't easily render a browser. Covers server + client plugin setup, the verification page, the approve/deny page, polling with proper error handling, and CLI integration.
    0
    installs