skills.rest
attakei-lab
attakei-labOFFICIAL
Explore all skills by this author →
GitHub

create-theme

Extract colors and tokens from a reference URL to create Bulma themes.

Updated Jun 17, 2026
Search Tags:#color extraction#scoped commits#theme creation#Bulma#iterative preview
One-click install
npx skills add https://github.com/attakei-lab/bulma-themes --skill create-theme-attakei-lab
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: create-theme
Source: https://github.com/attakei-lab/bulma-themes/tree/main/.claude/skills/create-theme
Command: npx skills add https://github.com/attakei-lab/bulma-themes --skill create-theme-attakei-lab

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the creation of a new Bulma theme by extracting colors and tokens from a reference URL, allowing for iterative preview and shipping two scoped commits through /ship-pr.

Core Features & Use Cases

  • Theme Extraction: Extracts colors and tokens from a reference URL.
  • Iterative Preview: Allows for iterative preview of the theme via a dev server.
  • Scoped Commits: Ships two scoped commits through /ship-pr for theme addition.
  • Use Case: Ideal for users who want to start a new theme from an existing site's design and streamline the theme creation process.

Quick Start

Use the create-theme skill with the command '/create-theme <url>' to start the theme creation process.

Frequently Asked Questions about create-theme

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

FAQPage Schema
How do I create a Bulma theme from an existing website?▼

You can create a Bulma theme from an existing website by using this Skill to extract colors and design tokens directly from a reference URL. It automates the extraction process, allowing you to start a new theme based on an existing site's design.

Can I preview my Bulma theme during the creation process?▼

Yes, you can iteratively preview your Bulma theme during creation. The Skill runs a local dev server, allowing you to view and refine the extracted colors and tokens before finalizing the theme.

Do I need a specific model to extract colors and tokens for Bulma?▼

Yes, you need the Opus model for optimal performance when extracting colors and tokens for Bulma. The Skill requires this specific model to effectively handle the theme extraction and iterative preview workflow.

How do I ship a new Bulma theme after extracting colors?▼

To ship a new Bulma theme after extracting colors, the Skill uses scoped commits through /ship-pr. This automatically ships two scoped commits to add the newly created theme to your project.

What's the best way to automate Bulma theme creation from a reference URL?▼

The best way to automate Bulma theme creation from a reference URL is using this Skill. It handles the entire workflow, including color extraction, iterative preview via dev server, and shipping scoped commits.

Related Skills

Explore More Design & Creative Skills→
hunvreushunvreus
12

clonecn

Generate shadcn/ui themes with CSS variables from screenshots or URLs.

Community
Advanced
FxHollowFxHollow

ship

Automates end-to-end ship workflow: detect base branch, merge, run tests, review diffs, bump VERSION, update CHANGELOG, commit, push, and create PR.

Community
Advanced
ak8458ak8458

preview-import

Preview and validate imported HTML rendering in a local AEM Edge Delivery Services dev server.

Community
Intermediate
cynthiateeterscynthiateeters

css-standards

Enforce HSL color format and CSS custom properties in CSS files.

Community
Basic