Profile My skills Saved Collections Edit profile Submit a skill

← all publishers

aa-on-ai

@aa-on-ai source repo

10 published skills

  1. ▌
    World Build · aa-on-ai
    Creative pack — use only when the user explicitly asks for immersion, atmosphere, narrative depth, or a page that should feel like a place. Skip for normal product UI, dashboards, forms, settings, and docs.
    0
    installs
  2. ▌
    Design Review · aa-on-ai bundle
    Core visual quality gate with evidence, coverage, modal, terminology, and motion review.
    0
    installs
  3. ▌
    UI Polish Pass · aa-on-ai
    Core pack — always active as final step. Visual polish pass for spacing, hierarchy, alignment, and cleanup. Runs after design-review and ux-baseline-check as the last quality step before presenting work.
    0
    installs
  4. ▌
    Whimsical Design · aa-on-ai
    Creative pack — use only when a UI task explicitly needs personality, delight, brand expression, marketing/editorial energy, or a non-default visual direction. Skip for utility UI unless the default-safe output is the problem.
    0
    installs
  5. ▌
    Design Variations · aa-on-ai bundle
    Explore 3-5 distinct UI directions in one browser artifact before implementation; use when direction is undecided.
    0
    installs
  6. ▌
    UX Baseline Check · aa-on-ai
    Core pack — always active for visual work. Enforces UX quality standards on any screen, flow, form, or dashboard. Ensures nothing ships with missing states. Auto-activates alongside design-review for all frontend work.
    0
    installs
  7. ▌
    Web Animation Design · aa-on-ai bundle
    Design and implement web animations that feel natural and purposeful. Use this skill proactively whenever the user asks questions about animations, motion, easing, timing, duration, springs, transitions, or animation performance. This includes questions about how to animate specific UI elements, which easing to use, animation best practices, or accessibility considerations for motion. Triggers on: easing, ease-out, ease-in, ease-in-out, cubic-bezier, bounce, spring physics, keyframes, transform, opacity, fade, slide, scale, hover effects, microinteractions, Framer Motion, React Spring, GSAP, CSS transitions, entrance/exit animations, page transitions, stagger, will-change, GPU acceleration, prefers-reduced-motion, modal/dropdown/tooltip/popover/drawer animations, gesture animations, drag interactions, button press feel, feels janky, make it smooth.
    0
    installs
  8. ▌
    Agent Friendly Design · aa-on-ai
    Design websites and applications that AI agents can consume, navigate, and interact with. Use when building any site, app, or product that agents will use as an end-user — not just crawl or index. Covers semantic structure, accessibility-as-agent-interface, machine-readable data, API-first patterns, and the emerging protocols (llms.txt, MCP, NLWeb, A2UI) that make sites agent-ready. Triggers on: agent-friendly, agent-readable, agent-accessible, AX, agent experience, agentic web, dual-interface, machine-readable, llms.txt, MCP integration, NLWeb, accessibility tree, ARIA for agents, structured data, JSON-LD, Schema.org, API-first design, build for agents, agent-ready.
    0
    installs
  9. ▌
    Agentic Design System · aa-on-ai bundle
    Route all visual and frontend work through ADS outcome, review, evidence, and creative-pack gates.
    0
    installs
  10. ▌
    Visual Reference Calibration · aa-on-ai
    Use before implementing UI/design from an artifact supplied as a desired visual reference, such as a screenshot, CodePen, Dribbble shot, website, or “make it feel like this” request. Screenshots used only to point out a defect stay in the normal review path. Prevents cargo-culting mechanics, fake UI chrome, and code-first misses by forcing reference breakdown, user-question calibration, visual target approval, and side-by-side review before implementation.
    0
    installs