Menu
Generate structured JSON theme configurations for UI components, presentations, or documents. Supports color palettes, typography, and spacing.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Manage Git repositories within the workspace. Check status, commit changes, view diffs, and create branches.
Create, modify, and analyze PowerPoint presentations (.pptx) using standard Python libraries.
Create animated GIFs optimized for Slack (small file size, loop, transparency) using Python libraries like imageio and Pillow.
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends AI capabilities with specialized knowledge, workflows, or tool integrations.
Suite of tools for creating elaborate, multi-component AnyCowork HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.
| name | theme-factory |
| description | Generate structured JSON theme configurations for UI components, presentations, or documents. Supports color palettes, typography, and spacing. |
| license | Apache-2.0 |
This skill generates structured theme configurations in JSON format, suitable for modern UI frameworks (Tailwind, Material UI, Shadcn) or custom styling systems.
tailwind.config.js), CSS variables (:root), or generic JSON.Prompt: "Create a dark mode theme for a developer dashboard."
Output:
{
"name": "dark-dev-dashboard",
"colors": {
"background": "#0f172a",
"foreground": "#f8fafc",
"primary": {
"DEFAULT": "#3b82f6",
"hover": "#2563eb",
"active": "#1d4ed8"
},
"secondary": "#64748b",
"accent": "#10b981",
"error": "#ef4444",
"warning": "#f59e0b",
"success": "#22c55e"
},
"fonts": {
"heading": "Inter, system-ui, sans-serif",
"body": "Roboto Mono, monospace"
},
"spacing": {
"sm": "0.5rem",
"md": "1rem",
"lg": "1.5rem",
"xl": "2rem"
},
"borderRadius": {
"default": "0.375rem",
"card": "0.5rem"
}
}
Prompt: "Give me a tailwind color config for a 'sunset' theme."
Output:
module.exports = {
theme: {
extend: {
colors: {
sunset: {
50: '#fff7ed',
100: '#ffedd5',
200: '#fed7aa',
300: '#fdba74',
400: '#fb923c',
500: '#f97316',
600: '#ea580c',
700: '#c2410c',
800: '#9a3412',
900: '#7c2d12',
},
}
}
}
}