claudecodex

apptension-frontend-craft

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.

4 on GitHubby Apptensionv0.1.2UNLICENSEDupdated 7 days agoworkflow
/

Plugin apptension-frontend-craft from marketplace apptension-sdlc in apptension/apptension-sdlc. Commands read from the repo's manifest — 6 days ago.

What it installs

Skills (7)

  • 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 m

  • 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".

View source on GitHub

More from apptension/apptension-sdlc

All 5 plugins →

apptension-sdlc

claudecodex

Apptension SDLC processes as skills plus bundled docs: paired human guidance and portable agent contracts for how we work.

23 skills · 1 command

4

superpowers

claudecodex

Complete software-development methodology for AI coding agents: TDD, systematic debugging, brainstorming, plan-driven execution, and ~50 composable skills.

15 skills · hooks

4

apptension-e2e-testing

claudecodex

Apptension E2E testing — generates Playwright end-to-end test specs from a ticket's description, its diff, and its unit tests — plus a testing-guide section when the ticket carries one — then verifies they run.

5 skills

4

apptension-review

claudecodex

Apptension review skills — methodical assessments of code, infrastructure, and security, plus a full project audit with scored, comparable reports. Findings and reports only; no code changes.

3 skills

4

Similar plugins

superpowers

claudecodex

Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques

15 skills · hooks

obra/superpowers 316,836

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

diagram-design

claudecodex

Editorial diagrams in your brand, as self-contained HTML and SVG. Architecture, flowcharts, sequence, state machines, ER and database schemas, timelines, swimlanes, org charts, Gantt, Wardley maps, user journeys, service blueprints, UML class, lifecycle phase maps, and charts from bar, line and scatter to Sankey, treemap and heatmap, plus many more. Redraws draw.io, Mermaid, Excalidraw and PlantUML files. Exports SVG and PNG.

1 skill · 7 commands

cathrynlavery/diagram-design 66,757

daisyui

claudecodex

daisyUI component library skill

7 skills

saadeghi/daisyui 42,821

backend-development

claudecodex

Backend API design, GraphQL architecture, workflow orchestration with Temporal, and test-driven backend development

9 skills · 1 command · 8 agents

wshobson/agents 42,461

frontend-slides

claude

Zero-dependency HTML presentation generator with safe presets, bold template-library styles, PPT conversion, and anti-AI-slop design philosophy.

1 skill

zarazhangrui/frontend-slides 32,274

Maintain apptension-frontend-craft?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins5 plugins