bacocoCommunity·5 Agent Skills Included

AiDesigner

Conversational product discovery, UI design, and agile delivery

Guides teams from raw idea to production code through structured discovery, UI design, and agile planning workflows. Extracts design tokens from inspiration URLs and locks colors, typography, and spacing into development stories. Eliminates manual handoffs between designers, architects, and developers with one continuous conversation.

57|9

↗

npx skills add bacoco/AiDesigner --all -g -y

Available:

Instructs the agent on the framework's architecture, agent definitions, workflows, and commands so it can route natural language requests through the correct planning, design, and development phases.

All Skills in This Repository (5)

Pure Emerald Level Indicators

📦 In Repo

bacoco

Architecture QA & Tech Stack Governance

Validate implementation plans against approved architecture and tech stack standards.

Expansion Creator Enablement

Automate creation of domain-specific AiDesigner expansions with validation and distribution.

UI Design System Adherence

Translate discovery insights into UI specifications adhering to the Nano Banana design system.

Skill Builder & CLI Orchestration

Automate AiDesigner Skill scaffolding, validation, and Claude CLI integration.

Discovery Journey & Visual Inspiration

Guide discovery journeys and generate persona, journey, and moodboard artifacts.

Community

Intermediate

Frequently Asked Questions

FAQPage Schema

How to install AiDesigner?▼

Run `npx skills add bacoco/AiDesigner --all -g -y` in your terminal to install all skills in this suite globally.

How does AiDesigner turn an idea into code?▼

It runs a continuous conversation covering discovery, UI design, and agile planning, then generates a PRD, architecture, and development stories with design decisions locked in.

Can AiDesigner extract design tokens from websites?▼

Yes. Share an inspiration URL and the Chrome MCP integration pulls colors, typography, and spacing directly into your design system.

Does AiDesigner work with Claude Code and Codex?▼

Yes. It runs locally through Claude CLI, Codex CLI, or OpenCode with no extra API keys required.

Do I need design experience to use AiDesigner?▼

No. The conversational UI designer asks plain-English questions about each screen and produces visual concept prompts and specs for you.