design-website-ui
CommunityDesign and refine Afenda's marketing website UI.
Authorpohlai88
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Design and refine Afenda's marketing website UI by composing the existing Afenda marketing shell, page scaffolds, and design-system primitives instead of inventing a new visual system. Trust the live codebase first, then use the docs to explain and reinforce the direction.
Core Features & Use Cases
- Reuse marketing page scaffolds and shared primitives from the design system to build pages, sections, and components.
- Ensure responsive layouts, semantic tokens, accessibility, and brand consistency across landing pages, feature blocks, CTAs, and image treatments.
- Use optional Storybook deliverables (*.stories.tsx) when Storybook is installed or requested to illustrate states like default, loading, and mobile.
Quick Start
Open the target marketing page in apps/web and implement using MarketingPageShell and existing primitives.
Dependency Matrix
Required Modules
None requiredComponents
referencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: design-website-ui Download link: https://github.com/pohlai88/afenda-vite-react/archive/main.zip#design-website-ui Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.