Windsurf skills
Install PopNow skills in Windsurf. Download a skill, unzip it into the skills folder, and call it by name in your next chat.
- Where skills go
For every project
~/.codeium/windsurf/skillsFor this project only
.windsurf/skills - How to call a skill
Mention the skill by name, or just describe the job and let Windsurf pick it.
popnow-<skill> - Connect PopNow
Skills are free. To generate images, video or sound, set your PopNow API key in POPNOW_API_KEY. Calls using this key draw from your separate API balance in USD. Each paid generation is quoted first and waits for your approval.
POPNOW_API_KEY
- 1Copy the install prompt
Paste it into Windsurf. It downloads the skill with your API key and unzips it into the right folder.
- 2Ask for the result
Call the skill and say what you need in plain words: the topic, the audience, the length.
- 3Review and refine
Open the file it made, ask for changes in the chat, and ship when it looks right.
All skills
- AI SaaS Landing PageWeb
Warm sand paper, hairline rails and hatched gutters around a live kanban board where an assistant plans tasks.
- Editorial SaaS WebsiteWeb
Navy split hero, a five-line serif headline beside a documentary still, slanted bands and one cobalt accent.
- Product Roadmap PresentationSlides
Editable product roadmap presentation with checked inputs, evidence and speaker notes.
- Cinematic Product Launch PageWeb
Film-lit near-black page: serif title card over drifting light, letterboxed night scene, reservation form.
- Complaint-to-Feature Launch VideoVideo
Open on the complaint your users keep posting, then prove the new feature makes it false.
- Brand Kit & DESIGN.md GeneratorImage
A brand kit from a short brief: checked palette, open fonts, SVG logo, mockups and a DESIGN.md agents follow.
Give Windsurf a focused marketing-page brief
Choose the structure that matches the product
For a Windsurf project, start a web skill with the product's actual audience and the action a visitor should take. AI SaaS Landing Page and Editorial SaaS Website are useful catalog choices to compare when a software product needs a public introduction. Their examples offer different visual directions; inspect those before deciding which matches the brand. Product Roadmap Deck is a companion option when the team needs an internal presentation of upcoming work rather than another public page. Keep tentative roadmap ideas separate from promises that will appear on the website.
Locate the right Windsurf skills folder
PopNow records ~/.codeium/windsurf/skills as the personal location and .windsurf/skills as the repository location. Extract the complete skill folder, preserving its SKILL.md and adjacent files. The listed call pattern uses the plain popnow-prefixed name, followed by the task. Cursor differs in both its personal path and its slash-prefixed invocation. If a workflow was previously set up in Cursor, use that page only as a comparison; follow the Windsurf destinations shown here for the current installation. Do not scatter resource files into the repository root to compensate for discovery trouble.
Use a staged content review
A practical Windsurf landing-page brief includes a concise product outcome, approved feature descriptions, owned screenshots and the intended destination of the main button. Request the page outline first so the team can remove unsupported claims before visual refinement. Review the first artifact at narrow widths and check the links against the application it introduces. When results feel generic, add concrete examples of the visitor's problem and the product's verified response. When execution fails, inspect the package's required tools and the source assets. Those actions address different failure modes and avoid repeatedly redesigning a page whose only problem is a missing dependency.
Three ways to install
- Ask your agent
Copy a skill's install prompt into your agent. It reads the install guide, downloads the package with your key and unzips it into the right folder.
https://popnow.ai/api/skills/install.md - Use the CLI
popnow skills finds and installs skills from your terminal.
npm install -g @popnow/cli && popnow skills - Over MCP
With the developer MCP connected, ask for a style: find_skills suggests packages and install_skill hands over the playbook and the install commands.
find_skills → install_skill - Generation uses your API key
Skills are free. The images, video, music and voice they make through PopNow are charged in USD to the API balance behind POPNOW_API_KEY, after a quote you approve.
POPNOW_API_KEY
Install guides by agent
Same skills everywhere; only the folder changes.
Frequently asked questions
How should I call a Windsurf design skill?
Use the plain skill name shown in the agent card, such as popnow-editorial-saas-website, and describe the product and desired page. Include approved material and ask the assistant to identify the instructions it loaded. Avoid borrowing a slash command from another host without checking Windsurf's guidance.
Which scope is appropriate for one marketing repository?
The listed project folder, .windsurf/skills, keeps the workflow associated with that repository. The longer ~/.codeium/windsurf/skills path is the personal option. Make a deliberate choice and retain all package resources; placing only a copied instruction paragraph in a file is not the same installation.
Should roadmap content go directly onto the landing page?
Only publish commitments the team has approved for visitors. Product Roadmap Deck can help communicate plans internally, where assumptions and sequencing can be discussed. A public marketing page has a different audience and should describe current capabilities accurately, with tentative material clearly distinguished where included.
What should I compare between the web templates?
Compare the sample hierarchy, tone, imagery and required inputs against the product brief. AI SaaS Landing Page and Editorial SaaS Website are alternative starting points, rather than requirements to combine. Select a coherent direction, then replace sample content with verified product information before judging readiness.
Start building in minutes
One key for every model, a USD balance you top up when you need to, and an exact price before every run.