Define and enforce visual identity and layout tokens across Laravel Raptor projects.
npx skills add https://github.com/callcocam/raptor-skils --skill laravel-raptor
Please help me install this Agent Skill. Skill: laravel-raptor Source: https://github.com/callcocam/raptor-skils/tree/main/laravel-raptor Command: npx skills add https://github.com/callcocam/raptor-skils --skill laravel-raptor
This skill provides a standardized approach to designing and refactoring the visual identity and layout for Laravel Raptor/Plannerate projects, ensuring consistency across tokens, themes, components, and translations.
Apply this skill after laravel-raptor-setup and before laravel-raptor-patterns to establish the identity and layout tokens across the Laravel Raptor package.
High-intent search queries and answers about installing and using this skill.
To define a cohesive visual identity in Laravel, centralize brand colors, Tailwind tokens, and CSS variables for light and dark modes. This ensures consistent UI design and layout primitives like AppSidebar and AppHeader across the application.
Yes, you can convert shadcn-vue components to a custom Raptor style within a Laravel package workflow. This harmonizes listing patterns like card-rich, row-compact, and grid-datagrid to align with specific project standards.
The best way to manage Tailwind color tokens for light and dark modes is by defining CSS variables and brand tokens centrally. This approach maintains theme consistency across dynamic Vue Head and Inertia.js layouts.
Yes, this Laravel identity workflow supports i18n translations and responsive design. It facilitates Inertia Head and meta management to ensure the visual layout adapts correctly across different languages and screen sizes.
You should apply visual identity and layout tokens after the initial Laravel Raptor setup and before implementing specific patterns. This sequencing establishes the foundational design system early in the package workflow.
birgitta410Automate local installation and configuration of the sensors-cli development environment.
wshobsonBuild design systems with Tailwind CSS v4 CSS-first configuration.
sduduzogGenerate Tailwind CSS v4.1+ utility-first UI patterns for React, Vue, Svelte, and HTML.
amo-tech-aiDevelop React frontend components with TypeScript, Tailwind CSS, and shadcn/ui.
