skills.rest
ramybarsoum
ramybarsoumCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

allcare-brand

Apply AllCare.ai brand tokens and assets to documents, presentations, images, and React UIs.

Updated Apr 10, 2026
Search Tags:#branding#accessibility#css#assets#guidelines#design-tokens#allcare
One-click install
npx skills add https://github.com/ramybarsoum/RStack-V0 --skill allcare-brand
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: allcare-brand
Source: https://github.com/ramybarsoum/RStack-V0/tree/main/skill/brand-tokens
Command: npx skills add https://github.com/ramybarsoum/RStack-V0 --skill allcare-brand

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

Ensures consistent, accessible, and up-to-date AllCare.ai branding across documents, presentations, images, and web components so teams do not rely on ad hoc colors, fonts, or asset versions that break visual identity and accessibility standards.

Core Features & Use Cases

  • Live design tokens: Ingests the canonical tokens.css and index.css to source colors, typography, spacing, and component tokens instead of hardcoding values.
  • Asset management: Provides and enforces correct logo usage, clear space, and preferred assets for light and dark backgrounds.
  • Design rules enforcement: Applies spacing grid, minimum type sizes, color usage rules, focus ring patterns, and component patterns for buttons, inputs, cards, and badges.
  • Use cases: Brand documents and PDFs for AllCare Clinic, produce presentation templates for AllCare.ai, and style React components with the semantic token layer for web UIs.

Quick Start

Apply the AllCare.ai tokens and assets to the attached file and ensure colors, typography, spacing, and logos follow the AllCare design rules.

Frequently Asked Questions about allcare-brand

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

FAQPage Schema
How do I apply design tokens to React UI components for healthcare branding?▼

Design tokens are applied to React UIs by reading live token files like tokens.css and index.css, which source colors, typography, and spacing to enforce accessibility constraints and produce token-aware styled components.

How do I ensure brand accessibility when styling documents and presentations?▼

Brand accessibility is enforced by applying design rules for minimum type sizes, color usage, spacing grids, and focus ring patterns across documents, presentations, and web components.

Can I use this branding workflow for both DOCX and PPTX files?▼

Yes, this workflow supports DOCX and PPTX files, applying canonical brand tokens, typography, and logo assets to documents, presentations, PDFs, and images across AllCare.ai brands.

What is the best way to manage logo assets for light and dark backgrounds?▼

The best way to manage logo assets is using a centralized assets directory that enforces correct logo usage, clear space, and preferred assets for light and dark backgrounds.

Does this approach support hardcoding colors instead of using CSS token files?▼

No, this approach ingests canonical tokens.css and index.css files to source colors and typography instead of hardcoding values, ensuring consistent visual identity and accessibility standards.

Related Skills

Explore More Design & Creative Skills→
bomberoxenviosdosruedasbomberoxenviosdosruedas

agency-document-generator

Automate document creation for PDF, PPTX, DOCX, and XLSX formats.

Community
Advanced
ghufronbagaskaraghufronbagaskara

design-md

Create, lint, and export Google DESIGN.md design tokens to Tailwind or W3C DTCG formats.

Community
Intermediate
p-o-ke-naep-o-ke-nae

design-system-patterns

Build design system foundations with tokens, theming, and component architecture.

Community
Advanced
daffy0208daffy0208
34

brand-designer

Design cohesive brand identities with SVG logos, color palettes, and typography systems.

Community
Intermediate