kkunkunya/ai-frontend-design-kit

kkunkunya/ai-frontend-design-kit

Plugin Claude Code

AI-first frontend design toolkit for Claude Code and Codex: 7-stage flow (requirement -> six-dimension research -> dualround interview -> visual anchors -> asset gen -> code impl -> design review) + scenario C increment router + ten-line anti-slop gate + kun 15-segment DESIGN.md writer + i18n essentials. Each skill…

kkunkunya/ai-frontend-design-kit

Skill Claude CodeCodex

A frontend review gate that checks code against ten fixed visual rules intended to prevent generic, AI-looking interfaces. A gate is a required checklist before code is accepted.

kkunkunya/ai-frontend-design-kit

Skill Claude CodeCodex

A research skill for studying four or five well-designed websites across shape, colour, typography, layout, texture, and motion, then drafting a project design guide.

kkunkunya/ai-frontend-design-kit

Skill Claude CodeCodex

A review process for improving a working website's visual design, wording, information order, and handling of unusual states. It turns reactions such as “this feels wrong” into specific changes.

kkunkunya/ai-frontend-design-kit

Skill Claude CodeCodex

A writer for maintaining design.md, DESIGN-LANGUAGE.md, and MOTION-SPEC.md: documents that describe how a website should look, behave, and move throughout development.

kkunkunya/ai-frontend-design-kit

Skill Claude CodeCodex

A planning and implementation guide for internationalizing websites, meaning adapting them for multiple languages and regions. It covers language behavior, translated content, and visual presentation as separate areas.

kkunkunya/ai-frontend-design-kit

Skill Claude CodeCodex

A two-stage interview for defining a front-end product before design and coding. The first stage clarifies the product's purpose and boundaries; the second connects the chosen visual direction to page structure, wording, and user interactions.

kkunkunya/ai-frontend-design-kit

Skill Claude CodeCodex

A routing guide for making small, planned changes to an existing front-end project. It reads the project's approved design notes and sends the work through the smallest suitable set of follow-up steps.

kkunkunya/ai-frontend-design-kit

Skill Claude CodeCodex

A skill that turns a broad motion specification into detailed prompts for implementing individual interface animations with Framer Motion, a React animation library.

kkunkunya/ai-frontend-design-kit

Skill Claude CodeCodex

A visual-planning workflow for fixing a website’s design direction before coding, using a moodboard, a complete page image, and animation frames.

kkunkunya/ai-frontend-design-kit

Skill Claude CodeCodex

A guide for making major software structure decisions and recording them in design documents or Architecture Decision Records (ADRs), which explain important technical choices.