Create production-grade frontend interfaces in HTML/CSS/JS or framework components.
npx skills add https://github.com/kkingsbe/tempest --skill frontend-design-kkingsbe
Please help me install this Agent Skill. Skill: frontend-design Source: https://github.com/kkingsbe/tempest/tree/main/skills/frontend-design Command: npx skills add https://github.com/kkingsbe/tempest --skill frontend-design-kkingsbe
Create and implement distinctive, production-grade frontend interfaces with a clear aesthetic vision, ensuring interfaces go beyond generic AI aesthetics and feel truly designed.
Provide frontend requirements (component, page, or app) and receive a polished, ready-to-run UI scaffold that matches the chosen aesthetic direction.
High-intent search queries and answers about installing and using this skill.
To translate design concepts into production-ready React components, provide your frontend requirements and aesthetic direction. The system generates polished UI scaffolds in HTML, CSS, JS, or framework-specific code, tailoring typography, color, motion, and layout to match your vision.
Generating a UI component library with a cohesive aesthetic requires applying a consistent design direction across all elements. This approach delivers comprehensive guidelines for typography, spatial composition, and texture, ensuring interfaces feel truly designed rather than generic.
Yes, you can build accessible and performant web interfaces by specifying these constraints in your requirements. The generated HTML, CSS, and JS code satisfies framework choices, accessibility standards, performance metrics, and overall code quality.
Yes, the approach supports delivering UI code for frameworks other than React. You can request framework-specific components tailored to your chosen platform, receiving production-ready scaffolds that align with your required HTML, CSS, or JS architecture.
Generated frontend UI looks generic when lacking a strong aesthetic point-of-view. Defining a bold design concept with specific typography, color, motion, and texture guidelines ensures the resulting interface feels distinctive and production-grade.
To apply a specific aesthetic direction across an entire web application, define the visual guidelines first. The system tailors typography, color, motion, and layout comprehensively across pages and components, delivering a cohesive UI experience ready to run.
csim-sgDesign and implement frontend interfaces with cohesive aesthetic direction.
brightdataExtract design tokens from a website and apply them to Tailwind, CSS variables, or CSS-in-JS.
JansenAnalyticsDefine typography, color, motion, and layout rules for web interfaces.
SouleymaneSy7Design and implement custom frontend interfaces with HTML/CSS/JS.
