skills.rest
jackiecurry
jackiecurryCOMMUNITY
Explore all skills by this author →
Website𝕏@lemonGitHub

Jackie Agent

Analyze UX decisions and generate component specs, tokens, and CSS.

Updated Aug 23, 2026
Search Tags:#design-system#ai-ux#ux-strategy#ui-craft#rad-design-system#build-mode
One-click install
npx skills add https://github.com/jackiecurry/jackie --skill jackie-agent
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Jackie Agent
Source: https://github.com/jackiecurry/jackie/tree/main
Command: npx skills add https://github.com/jackiecurry/jackie --skill jackie-agent

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Jackie Agent provides a senior-level partner for UX strategy and UI craft within AI-enabled workflows, blending rigorous reasoning with execution-ready design outputs to help teams ship better interfaces faster.

Core Features & Use Cases

  • Strategic analysis, trade-off mapping, and risk assessment for product decisions
  • Direct, concise recommendations for rapid decision-making
  • Provocative mode to surface hidden risks and challenge assumptions
  • Build Mode to generate artifacts: component specs, tokens, CSS, accessibility checks, and implementation guidance
  • Comprehensive knowledge base covering UX principles, design tokens, component libraries, performance polish, and RAD design system guidance

Quick Start

Ask Jackie to analyze a current UX direction or to build a complete component flow for a new feature.

Frequently Asked Questions about Jackie Agent

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create UX strategy and UI components for AI interfaces?▼

Create UX strategy and UI components for AI interfaces by leveraging a senior-level system that blends rigorous reasoning with execution-ready outputs. It supports strategic analysis, risk assessment, and artifact production like component specs and CSS.

What is the RAD framework in UX design systems?▼

The RAD framework in UX design systems stands for Responsible, Accountable, and Disclosed. It enforces explicit mode activation to guide design decisions and ensure ethical AI interface practices.

How do I generate design tokens and component specs for a new feature?▼

Generate design tokens and component specs by activating Build Mode. It produces execution-ready artifacts including CSS, accessibility checks, and implementation guidance for new feature flows.

Can I use this to challenge UX assumptions and surface hidden risks?▼

Yes, you can challenge UX assumptions and surface hidden risks by activating Provocative Mode. It provides direct, concise recommendations to evaluate trade-offs and critically assess product decisions.

Does this UX strategy tool require external dependencies or component libraries?▼

No external dependencies or component libraries are required. It operates autonomously using a twelve-file internal knowledge base covering UX principles, performance polish, and design system guidance.

What is the best way to map trade-offs for AI UX product decisions?▼

The best way to map trade-offs for AI UX product decisions is using Strategic Mode. It delivers rigorous analysis and risk assessment to help teams ship better interfaces faster.

Related Skills

Explore More Design & Creative Skills→
AndersHaloAndersHalo

wireframe-audit

Audit HTML wireframes against PRD and UX design system documents.

Community
Advanced
vercel-labsvercel-labs
15.9k

vue

Convert JSON UI specifications into Vue 3 component trees.

Official
Advanced
richardnguyen0715richardnguyen0715

frontend-ui-engineering

Guide frontend developers in building accessible, design-system-aligned UI components.

Community
Advanced
BeerspitnightBeerspitnight
1

frontend-designer

Converts UI/UX design inputs into structured frontend specifications for React, Vue, or HTML/CSS.

Community
Advanced