skills.rest
narcisolcf
narcisolcfCOMMUNITY
Explore all skills by this author →
GitHub

pca-theme-factory

Convert PCA theme definitions into Tailwind configs and document styles.

Updated Dec 9, 2025
Search Tags:#typography#branding#themes#design-system#color-palettes
One-click install
npx skills add https://github.com/narcisolcf/skills_claude_narciso --skill pca-theme-factory
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: pca-theme-factory
Source: https://github.com/narcisolcf/skills_claude_narciso/tree/main/pca-theme-factory
Command: npx skills add https://github.com/narcisolcf/skills_claude_narciso --skill pca-theme-factory

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides curated design themes and typography guidelines to ensure consistent visuals across UI and documents.

Core Features & Use Cases

  • Theme Catalog: Access a library of PCA-themed palettes and typography.
  • Cross-Platform Consistency: Apply themes to UI (Tailwind) or documents (type faces) consistently.

Quick Start

Read themes/camocim-gov.md to pick a palette and apply fonts in your UI or Word templates.

Frequently Asked Questions about pca-theme-factory

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

FAQPage Schema
How do I apply consistent color palettes and typography across React and Tailwind UI?▼

This Skill provides standardized color palettes and typography that generate Tailwind configs from theme definitions. Read theme files like camocim-gov.md, extract hex colors and fonts, and apply them as framework-ready Tailwind classes to ensure visual consistency across your UI components.

Can I use the same design theme for both web UI and Word documents?▼

Yes. This Skill converts theme definitions into both Tailwind configs for React/web UI and inline styles or typeface specifications for Word/Docx documents, ensuring cross-platform design consistency from a single theme source.

How do I ensure accessibility and high contrast in my design system?▼

This Skill generates theme palettes with built-in accessibility and high contrast requirements. Theme files define primary colors and fonts vetted for contrast ratios, so converting them to Tailwind or document styles automatically applies accessible color combinations.

What's the best way to maintain a centralized color palette library for a design system?▼

Store theme definitions in markdown files (themes/*.md), each containing curated color palettes and typography guidelines. This Skill reads and converts those files into framework-ready configs, making updates centralized and instantly propagated across UI and documents.

Do I need design system knowledge to use predefined themes?▼

No. This Skill includes a theme catalog with curated palettes like ocean-depths and camocim-gov ready to apply. Pick a theme file, use its colors and fonts directly in Tailwind or Word templates without designing from scratch.

Related Skills

Explore More Design & Creative Skills→
joi-fairsharejoi-fairshare
1

design-analyze-ios

Extract iOS design tokens into W3C DTCG design-tokens.json from asset catalogs and Swift theme files.

Community
Intermediate
riecktrieckt

convex-component-authoring

Create self-contained Convex components with isolated schemas and type-safe exports.

Community
Advanced
markus41markus41
18

css-generation

Generate CSS variables, Tailwind configurations, and styled-components themes from design tokens.

Community
Intermediate
jiaiyanjiaiyan
21

element-plus-theming

Customize Element Plus themes with SCSS or CSS variables.

Community
Intermediate