skills.rest
Adelie-Squad
Adelie-SquadOFFICIAL
Explore all skills by this author →
GitHub

creative-frontend

Develop reusable UI components with design-system tokens across React, Vue, and Angular.

17|1|Updated Feb 3, 2026
Search Tags:#ui#accessibility#frontend#component#design-system#visual-design
One-click install
npx skills add https://github.com/Adelie-Squad/solosquad --skill creative-frontend
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: creative-frontend
Source: https://github.com/Adelie-Squad/solosquad/tree/main/agents/specialists/creative-frontend
Command: npx skills add https://github.com/Adelie-Squad/solosquad --skill creative-frontend

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables engineering teams to deliver consistent, accessible UI components by integrating design-system tokens and close collaboration with UI designers.

Core Features & Use Cases

  • Reusable UI components across React, Vue, and other frameworks with token-based styling
  • Design-system implementation including tokens, themes, and primitives for visual consistency
  • Visualization / interaction components and accessibility considerations to meet WCAG guidelines

Quick Start

Create a reusable frontend UI component library using the design tokens and accessibility guidelines.

Frequently Asked Questions about creative-frontend

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

FAQPage Schema
How do I build reusable UI components with design system tokens?▼

To build reusable UI components with design system tokens, apply token-based styling for visual consistency across React, Vue, or Angular apps. This enforces design-system tokens and primitives directly into your frontend project structure.

Can I use this for frontend accessibility and WCAG compliance checks?▼

Yes, you can use this for frontend accessibility and WCAG compliance checks. It integrates accessibility considerations directly into visualization and interaction components to ensure your UI meets standard guidelines.

Does this design system integration work across React, Vue, and Angular frameworks?▼

This design system integration works across React, Vue, and Angular frameworks. It ensures cross-framework compatibility so you can ship consistent UI components regardless of your specific frontend ecosystem.

What is the best way to ensure visual consistency in a frontend UI component library?▼

The best way to ensure visual consistency in a frontend UI component library is by enforcing design-system tokens, themes, and primitives. Token-based styling guarantees alignment across dashboards, marketing sites, and apps.

How do I integrate UI components with my project's build and testing pipelines?▼

You integrate UI components with your project's build and testing pipelines through end-to-end UI development. It enforces integration with build and testing pipelines to maintain accessibility and visual consistency during deployment.

Related Skills

Explore More Design & Creative Skills→
jubalmjubalm
1

shadcn/ui Customization & Theming

Configure CSS variable-based theming for shadcn/ui components with Tailwind.

Community
Advanced
hidonguyenhidonguyen

ck:web-testing

Run web tests with Playwright, Vitest, and k6 across CI pipelines.

Community
Intermediate
cartridge-ggcartridge-gg

ui-architecture

Standardize frontend UI components with Radix, Tailwind, CVA, and Storybook.

Official
Intermediate
tiantangcao1980-webtiantangcao1980-web
4

material-web

Implement Material Design 3 UI with Lit-based @material/web components.

Community
Intermediate