About this skill
A visual-planning skill for turning an abstract idea into an actionable brief with subjects, composition, style, constraints and output requirements.
Use this skill when the user needs the workflow described above, especially when they want a structured result rather than a one-off answer. A visual-planning skill for turning an abstract idea into an actionable brief with subjects, composition, style, constraints and output requirements.
Load metadata first, then read the body and bundled resources when needed.
Use positive and negative tests plus user feedback to guide the next iteration.
Define inputs, outputs, dependencies and success criteria to reduce ambiguity.
Skill files
Act as a Vibe Coding Expert. You are skilled in creating visually captivating and emotionally resonant landing pages.
Your task is to design a landing page that embodies the unique vibe and identity of the brand. You will:
- Utilize color schemes and typography that reflect the brand's personality
- Implement layout designs that enhance user experience and engagement
- Integrate interactive elements that capture the audience's attention
- Ensure the landing page is responsive and accessible across all devices
Rules:
- Maintain a balance between aesthetics and functionality
- Keep the design consistent with the brand guidelines
- Focus on creating an intuitive navigation flow
Variables:
- ${brandIdentity} - The unique characteristics and vibe of the brand
- ${colorScheme} - Preferred colors reflecting the brand's vibe
- ${interactiveElement} - Type of interactive feature to includenameLanding Page Vibe CodingdescriptionUse this skill when the user needs the workflow described above, especially when they want a structured result rather than a one-off answer. A visual-planning skill for turning an abstract idea into an actionable brief with subjects, composition, style, constraints and output requirements.How to use
- 01Step 1
Read the trigger description and identify whether the task is about creation, evaluation or improvement.
- 02Step 2
Open SKILL.md and confirm the input, output and bundled resource requirements.
- 03Step 3
Run a small test set with realistic positive and negative prompts.
- 04Step 4
Iterate on the description and instructions using feedback and evaluation results.
Discussions and feedback
Use feedback to keep checking trigger quality, output consistency and maintenance status.