Skip to content

apptension/apptension-frontend-craft

v0.1.2UNLICENSED

Award-informed product experience skills for AI coding agents — complete UI states, interaction craft, supporting imagery, forms, polish passes, and anti-slop visual design. Complements Superpowers and Apptension SDLC so frontend work ships calm, original, and complete — not template-blank.

award-level-visual-design

Use when designing landing pages, marketing surfaces, app shell visuals, brand-led screens, or when the user asks for top-notch / premium / sleek / award-quality UI. Also use to prevent generic AI UI. Trigger on visual direction, hero composition, or "looks like every other SaaS".

complete-ui-states

Use when designing or implementing any screen, sheet, list, or form that loads data or mutates. Trigger on layout jumps, double-open sheets, flash of empty-then-content, missing offline UX, or "skeleton then jumps".

frontend-polish-pass

Use when the user asks to polish UI without changing functionality, level-up visual quality across screens, fix inconsistencies between panels, or run a design expert pass. Trigger on "top notch", "beautify", "sleek", "final touches", or inconsistency hunts.

interaction-craft

Use when implementing or reviewing UI motion, press feedback, sheets, route transitions, toasts, drag/swipe, or reduced-motion behavior. Trigger on animation work, "feels laggy", inert buttons, layout jumps during transitions, or night-theme flashes.

product-experience-standard

Use when building, redesigning, or reviewing any user-facing UI — screens, sheets, empty/loading/error states, onboarding, marketing pauses, or card headers. Umbrella craft bar for calm, original, complete-state interfaces. Trigger on frontend work, polish passes, "make it look premium", or before marking a UI story Done.

supporting-imagery

Use when adding or redesigning a user-facing section, empty/loading/error state, onboarding step, marketing pause, or card header. Trigger on sparse UI, missing illustrations, icon generation, or "make it feel premium/cared for".

ux-inputs-and-forms

Use when building forms, pickers, choice groups, settings, log sheets, or any mobile data entry. Trigger on horizontal overflow, native datetime pain, placeholder-only fields, unclear options, or "beautify forms without changing functionality".