Display Name
Frontcraft
Category
Agent Skills
Sub-Category
No response
Primary Link
https://github.com/BatakSolutions/frontcraft
Author Name
Cetto
Author Link
https://github.com/BatakSolutions
License
MIT
Other License
No response
Description
A Claude Code skill for web design and frontend. It settles a design direction and color palette with you before building, then sources and verifies real photography (Pexels when an API key is set, keyless Unsplash fallback otherwise). It builds landing pages and small-business sites with an image-led structure, can go premium (agency-grade type, depth, motion) or render a real 3D/WebGL hero, and follows an anti-AI-slop discipline: no default-serif reach, one locked accent, rationed eyebrows, zero em-dashes in shipped copy, real copy and real images. After every build it dispatches a panel of review subagents that hunt design bugs and weak decisions, then iterates. Stack-agnostic: plain HTML/CSS, Next.js + Tailwind, React, Svelte, or Vue.
Validate Claims
The reference files ship working, runnable code (a Three.js + react-three-fiber 3D hero with fallbacks, a Pexels search recipe, GSAP-style motion guidance) rather than just descriptions. The skill works with zero setup via the keyless image fallback; the Pexels key only improves image search. It has been used end-to-end to build and deploy a real multi-page site.
Specific Task(s)
Designing and building landing pages, marketing and small-business websites, portfolios, and UI components with a deliberate, non-templated visual direction and verified real imagery.
Specific Prompt(s)
"Use the frontcraft skill and build a landing page for a coffee roaster."
Display Name
Frontcraft
Category
Agent Skills
Sub-Category
No response
Primary Link
https://github.com/BatakSolutions/frontcraft
Author Name
Cetto
Author Link
https://github.com/BatakSolutions
License
MIT
Other License
No response
Description
A Claude Code skill for web design and frontend. It settles a design direction and color palette with you before building, then sources and verifies real photography (Pexels when an API key is set, keyless Unsplash fallback otherwise). It builds landing pages and small-business sites with an image-led structure, can go premium (agency-grade type, depth, motion) or render a real 3D/WebGL hero, and follows an anti-AI-slop discipline: no default-serif reach, one locked accent, rationed eyebrows, zero em-dashes in shipped copy, real copy and real images. After every build it dispatches a panel of review subagents that hunt design bugs and weak decisions, then iterates. Stack-agnostic: plain HTML/CSS, Next.js + Tailwind, React, Svelte, or Vue.
Validate Claims
The reference files ship working, runnable code (a Three.js + react-three-fiber 3D hero with fallbacks, a Pexels search recipe, GSAP-style motion guidance) rather than just descriptions. The skill works with zero setup via the keyless image fallback; the Pexels key only improves image search. It has been used end-to-end to build and deploy a real multi-page site.
Specific Task(s)
Designing and building landing pages, marketing and small-business websites, portfolios, and UI components with a deliberate, non-templated visual direction and verified real imagery.
Specific Prompt(s)
"Use the frontcraft skill and build a landing page for a coffee roaster."