skills.rest
Jatinkrmahato993203
Jatinkrmahato993203COMMUNITY
Explore all skills by this author →
GitHub

paint

Generates complete design systems and implements visual identities across Web, Android Compose, and SwiftUI.

Updated Jul 20, 2026
Search Tags:#design system#design tokens#animation#ui design#tailwind#swiftui#jetpack compose
One-click install
npx skills add https://github.com/Jatinkrmahato993203/crime --skill paint-jatinkrmahato993203
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: paint
Source: https://github.com/Jatinkrmahato993203/crime/tree/main/skills/paint
Command: npx skills add https://github.com/Jatinkrmahato993203/crime --skill paint-jatinkrmahato993203

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Building a coherent visual identity from scratch is hard: colors, typography, spacing, and motion often end up inconsistent across pages and platforms. This Skill enforces a structured five-phase pipeline (brainstorm, thesis, design system, implementation, audit) so every visual decision traces back to a validated direction. ## Core Features & Use Cases - Mandatory brainstorm and dual theses: Elicits product, audience, mood, references, and stack, then produces a visual thesis and an interaction thesis that must be explicitly approved before any code is written. - Stack-aware design system generation: Creates a canonical MASTER.md plus platform-specific token files such as tailwind.config.js, Theme.kt for Compose, or Color+App.swift for SwiftUI. - Guided implementation and audit: Implements page by page using detected animation libraries (GSAP, Framer Motion, CSS-native, Compose, SwiftUI) and runs a final accessibility and performance audit covering reduced motion, contrast, focus states, and frame timing. - Use Case: A developer starting a new React landing page invokes the Skill, answers brainstorm questions, approves a dark neo-brutalist thesis, and receives a complete token system plus page-by-page implementation with a final audit report. ## Quick Start Ask the AI to paint a complete visual identity for your project from scratch, starting with a brainstorm about product, audience, and mood.

Frequently Asked Questions about paint

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

FAQPage Schema
How do I create a design system for a new web or mobile app?▼

Start with a structured brainstorm covering product, audience, mood, references, and tech stack, then validate a visual thesis and an interaction thesis. The Skill generates a MASTER.md token file plus stack-specific code like Tailwind config, Kotlin Theme.kt, or Swift extensions.

What is the difference between paint and cast in genjutsu?▼

Paint builds an entire visual universe from scratch with a mandatory brainstorm, a required MASTER.md design system, and a full audit. Cast adapts to existing code for smaller scoped beautification of a single component, page, or effect.

Does this design pipeline support Jetpack Compose and SwiftUI?▼

Yes, it detects Android Compose via gradle files and SwiftUI via Package.swift or xcodeproj, then generates Kotlin tokens (Color.kt, Type.kt, Motion.kt) or Swift extensions (Color+App.swift, Animation+App.swift) accordingly.

Can I skip the brainstorm phase if I already know what I want?▼

No, the brainstorm is mandatory even when the user asks to skip it. Vague answers like 'make it modern' trigger follow-up questions with concrete options until both theses can be written with confidence.

What does the design audit check before delivery?▼

The audit verifies reduced-motion support, exit animations, no layout-property animations, visible focus states, token consistency with MASTER.md, and contrast ratios of at least 4.5:1. Stack-specific checks cover recomposition counts for Compose and hitch-free animation for SwiftUI.

When should I not use this full design pipeline?▼

Avoid it for small scoped changes to an existing design, such as restyling one component or adding a single effect. The pipeline intentionally replaces the existing visual layer, so use a lighter enhancement approach instead.

Related Skills

Explore More Design & Creative Skills→
AIDotNetAIDotNet
634

creative-production-moodboard-explorer

Generates image-first mood boards with intake, batch image generation, and inline MCP review.

Official
Advanced
elihuvillarauselihuvillaraus
2

ux-researcher

Analyze user behavior and conduct usability testing for design insights.

Community
Advanced
HCMUTE-RTICHCMUTE-RTIC

ui-visual-validator

Validate UI modifications for design system compliance and accessibility via screenshot analysis.

Official
Advanced
Marcus-BoniMarcus-Boni
1

shadcn

Manage shadcn components and project configurations via CLI.

Community
Advanced