From forge-core
Build distinctive, production-grade frontend interfaces that avoid generic AI aesthetics. USE WHEN the user asks for web components, pages, landing pages, dashboards, React / HTML / CSS layouts, or styling of any web UI. Not for backend or non-UI work.
npx claudepluginhub n4m3z/forge-coreThis skill is limited to using the following tools:
Create distinctive, production-grade web interfaces. Commit to an aesthetic direction and execute with precision — intentionality wins over intensity, whether the direction is bold maximalism or refined minimalism.
Guides Next.js Cache Components and Partial Prerendering (PPR): 'use cache' directives, cacheLife(), cacheTag(), revalidateTag() for caching, invalidation, static/dynamic optimization. Auto-activates on cacheComponents: true.
Processes PDFs: extracts text/tables/images, merges/splits/rotates pages, adds watermarks, creates/fills forms, encrypts/decrypts, OCRs scans. Activates on PDF mentions or output requests.
Share bugs, ideas, or general feedback.
Create distinctive, production-grade web interfaces. Commit to an aesthetic direction and execute with precision — intentionality wins over intensity, whether the direction is bold maximalism or refined minimalism.
Before coding, decide on a clear aesthetic direction. Pick one and stay true to it:
Name the context, the audience, and the one thing someone will remember about the result.
| Axis | Guidance |
|---|---|
| Typography | Distinctive, characterful choices. Pair a display font with a refined body font. Avoid generic system fonts. |
| Color | Dominant colors with sharp accents outperform evenly distributed palettes. Use CSS variables for consistency. |
| Motion | High-impact moments over scattered interactions. One orchestrated page load beats many micro-interactions. |
| Layout | Asymmetry, overlap, diagonal flow, grid-breaking. Generous negative space OR controlled density — commit. |
| Atmosphere | Gradient meshes, noise textures, geometric patterns, layered transparencies, dramatic shadows, grain overlays. |
Match implementation complexity to the vision: maximalist designs get elaborate animations and effects; minimalist designs demand restraint, precision, and attention to spacing and detail.
No two designs should be the same. Vary themes (light/dark), fonts, aesthetics across generations. If the last output used a display serif and a teal-on-ink palette, the next should not.