Enforce design schema adherence and isolation for Goliath admin pages.
npx skills add https://github.com/dloschiavo/orca --skill admin-design-system
Please help me install this Agent Skill. Skill: admin-design-system Source: https://github.com/dloschiavo/orca/tree/main/recipes/admin-design-system Command: npx skills add https://github.com/dloschiavo/orca --skill admin-design-system
This Skill addresses the need for consistent design and isolation between admin and public pages in a Goliath app, reducing visual inconsistencies and simplifying maintenance.
Run the skill on admin pages to ensure adherence to design guidelines.
High-intent search queries and answers about installing and using this skill.
To ensure consistent admin design in a Goliath app, you enforce adherence to established design schemas and leverage existing design tokens. This approach maintains visual coherence while simplifying the maintenance of internal and external UIs.
Admin pages require isolation to prevent shared layout, design, or asset files with public pages. This separation enforces strict visual coherence, reduces cross-contamination of styles, and simplifies the maintenance of internal backend interfaces.
For admin backends without existing designs, apply standard conventions for page shells, cards, tables, forms, buttons, badges, and icons. This establishes a predictable visual structure for internal tools without requiring UI design from scratch.
You validate admin pages before deployment by running a pre-flight checklist. This checklist ensures adherence to isolation rules and design schemas, confirming that internal UIs meet strict visual coherence standards prior to release.
Yes, you can leverage existing design tokens and components for admin pages. Reusing available design elements ensures strict visual coherence between internal and public UIs while reducing development effort.
IwatsukaYuraDefine and enforce a cohesive visual system for frontend interfaces.
diShine-digital-agencyGenerate a staged deployment checklist covering tests, migrations, flags, and observability.
HolymirGenerate HTML structures for UI components like buttons and forms.
dloschiavoEnforce the Notus React design system on admin pages in Goliath React Native and Expo apps.
