DiddysisterDiddysisterCommunity·1 Agent Skills Included

axi-front-design

High-fidelity HTML landing pages, decks, and prototypes

Generates high-fidelity HTML design artifacts including landing pages, slide decks, interactive prototypes, motion demos, infographics, and mobile mockups. Asks clarifying questions first, reads real design tokens from your codebase, and delivers three or more style variants instead of one generic result. Eliminates common design clichés like gradient backgrounds, filler sections, and overused fonts to produce professional, brand-consistent output.
npx skills add Diddysister/axi-front-design --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How to install axi-front-design?

Run `npx skills add Diddysister/axi-front-design --all -g -y` in your terminal to install this skill globally.

What can axi-front-design create?

It produces high-fidelity HTML artifacts such as landing pages, pitch decks, interactive prototypes, product animations, infographics, and design systems.

How does it avoid generic AI-looking designs?

It bans clichés like purple-pink gradients, unnecessary emoji, overused fonts, and filler sections, and it pulls real colors and spacing tokens from your existing codebase.

Does it work with Claude Code?

Yes. It follows the standard SKILL.md format and activates automatically when you ask for a landing page, deck, prototype, or poster in Claude Code.

Can non-designers use axi-front-design?

Yes. It asks you simple popup questions about language, audience, and style preferences, then delivers multiple design variants you can mix and match.

Related Repositories in Design & Creative

View All in Design & Creative