frontend-design
creates a frontend design for a website
- License 许可
- Apache-2.0
- 最近更新
- 2026-04-25
- Stars
- ★ 0
- Forks
- 0
01 前言 Front Matter
- name
- frontend-design
- description
- creates a frontend design for a website
- input_schema
- { "type": "object", "properties": { "layout": { "type": "string", "description": "The layout to use" }, "atmosphere": { "type": "string", "description": "The atmosphere of the website" }, "ui_elements": { "type": "array", "items": { "type": "string" }, "description": "The UI elements to include" }, "website_type": { "type": "string", "description": "The type of website to design" }, "color_palette": { "type": "array", "items": { "type": "string" }, "description": "The color palette to use" } } }
- output_schema
- { "type": "object", "properties": { "ui_design_prompt": { "type": "string", "description": "A detailed prompt for generating the UI design" } } }
02 资源文件 1
- 参考文档references/security-rules.md48.8 KB
03 SKILL.md 正文
I will generate all UI screens as detailed prompts, ready to be pasted directly into an image generation tool.
Plan:
- Create a separate, high-quality prompt for each required screen:
- Login / Authentication Page
- Dashboard Overview Screen
- Settings / Profile Page
- Chat / Messaging Interface
- Home Screen / Landing Page
- Ensure each prompt includes:
- Visual Style: Modern, premium, tech-focused, as defined in the prompt.
- Color Palette: Use the defined blue and dark grey tones.
- Layout: Clean, organized structure for each specific screen type.
- UI Elements: Include necessary components like buttons, input fields, sidebars, cards, charts, etc., where appropriate.
- Atmosphere: Professional yet inviting and user-friendly.
- Design a modern dashboard interface:
- Dashboard Overview Screen: A central hub displaying key metrics, recent activities, and navigation.
- Profile / Account Settings: Comprehensive settings management for user profiles, security, and preferences.
- Settings Page: Detailed configuration for application settings, notifications, and system preferences.
- User Profile Page: Individual user profile view with personal information, stats, and activity history.
- Project / Task Management: Tools for managing projects, tasks, progress tracking, and collaboration.
- Analytics / Reports: Data visualization with charts, graphs, and insights.
04 同仓库更多 Skills
zyte-api-automation
Automate Zyte API tasks via Rube MCP (Composio). Always search tools first for current schemas.
zylvie-automation
Automate Zylvie tasks via Rube MCP (Composio). Always search tools first for current schemas.
zoominfo-automation
Automate Zoominfo tasks via Rube MCP (Composio). Always search tools first for current schemas.
zoho_mail-automation
Automate Zoho Mail tasks via Rube MCP (Composio): email sending, folders, labels, and mailbox management. Always search tools first for current schemas.
zoho_invoice-automation
Automate Zoho Invoice tasks via Rube MCP (Composio): invoices, estimates, expenses, clients, and payment tracking. Always search tools first for current schemas.
zoho_inventory-automation
Automate Zoho Inventory tasks via Rube MCP (Composio): items, orders, warehouses, shipments, and stock management. Always search tools first for current schemas.