Frontend Design
customware-ai/skills/skills/frontend-designby customware-ai49fa8b5a23a2No license2 starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated 9 days ago
Strict frontend design guardrails for building modern, minimal-visual-noise, airy, non-generic app UIs. Use whenever creating or changing frontend UI, React components, shadcn/ui themes, Tailwind styles, app layouts, or first-version product screens. This skill complements vertical/domain skills like CPQ, CRM, and similar app builders: follow the selected domain skill's workflow and layout requirements, then enforce this skill's shared visual rules for brand-aware theming, generous spacing, typography, contrast, roundedness, shadows, surface hierarchy, cardless defaults, no-sidebar defaults, and anti-pattern avoidance.
Only the file list is public. File contents are available once the skill is installed in a workspace.
| Path | Size | Type |
|---|---|---|
| references/shadcn-setup-and-theming.md | 12.9 KB | text/markdown |
| references/visual-style-references.md | 12.9 KB | text/markdown |
| SKILL.md | 18.5 KB | text/markdown |
Source and attribution
Source:customware-ai/skillsinskills/frontend-designat commit49fa8b5
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from customware-ai/skills
Trades Builder
customware-ai
Defines the layout, config schema and mapping rules for building a trades operations tool from a DOMAIN.md file.
Playwright In Sandbox
customware-ai
Governs Playwright browser verification and deterministic end-to-end test authoring for sandbox web apps.
Customware Support Widget
customware-ai
Adds and configures the Customware support chat widget in a React Router client-only SPA template.
Domain Context
customware-ai
Builds and maintains a living domain knowledge base file for a business application across AI sessions.
Cpq Builder
customware-ai
Defines CPQ (Configure-Price-Quote) patterns for turning a DOMAIN.md into a quoting or calculator prototype.
Crm Builder
customware-ai
Defines CRM section layout, entity views and mapping rules for turning a DOMAIN.md into a CRM prototype.