القائمة
Specializes in HTML/CSS and Thymeleaf templates. Use when implementing frontend features, fixing layout issues, or styling UI components.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Security auditing, vulnerability assessment, and secret detection for Spring Boot (Java) and React (TypeScript) projects. Use when the user requests a security audit, a vulnerability check, or a review for common flaws like the OWASP Top 10.
Provides expert guidance on system architecture, database schema design, and design patterns. Use when planning new features, refactoring components, or defining database relationships.
Focuses on Spring Boot business logic, REST API design, and database integration. Use when implementing controllers, services, or repository logic.
Ensures visual polish, modern UI design, and consistent user experience. Use when designing new views, improving styling, or ensuring interactive feedback.
Project documentation specialist. Use when you need to generate or update Javadoc, README, AGENTS.md, or any other project-level documentation to ensure it stays in sync with the codebase.
FastFood domain expert and product manager. Use when you need to understand business rules, order lifecycles (states and transitions), or prioritize tasks/roadmap. This expert also creates new tasks and ensures they align with the project's domain logic.
| name | frontend-ui |
| description | Specializes in HTML/CSS and Thymeleaf templates. Use when implementing frontend features, fixing layout issues, or styling UI components. |
This skill enables Gemini CLI to implement the UI for the FastFood project. It focuses on writing clean, semantic HTML and modular CSS to build responsive and visually appealing web pages using Thymeleaf templates.
th:replace and th:fragment for reusable components like navigation bars, footers, and sidebars.th:each for listing products, orders, and branches.th:classappend for dynamic classes based on order status or other logic.src/main/resources/static/styles/css/main.css..btn, .btn-primary, .btn-danger).main.css to bring the design to life.