diff --git a/COPY.md b/COPY.md index 8585fd5c..429e05d3 100644 --- a/COPY.md +++ b/COPY.md @@ -26,6 +26,9 @@ These exact strings. Do not paraphrase them per page. | Home caption | Try any skill before you install it. Your agent can search for its own. | guidance only: the homepage caption under the H1. It assumes the reader knows what a Skill is, so it names only what sets skilld apart. "Search for its own" is the skilld Skill behind the promo label. The homepage OG card uses it as its description | | Home claims line | Open-source CLI, no telemetry · A skills.sh alternative | guidance only: the homepage claims line under the search. The second item links to `/vs/skills-sh`, and the promo label closes the line | | Promo label | Teach your agent skilld | guidance only: the last item of the homepage claims line. It opens a popover with `npx skilld install skilld --global` | +| Promo panel note | No terminal? Paste this into your agent. | guidance only: the promo popover, under the install command and over the setup prompt | +| Setup prompt | Read https://skilld.dev/agent.md and follow it to set up skilld for me. | guidance only: `agentSetupPrompt()` in `shared/agent-setup.ts` builds it for the promo popover and the homepage Agents section. `/agent.md` serves the steps it points at | +| Hero Agent logos | The seven `AGENT_LOGOS` icons, then `+12` | guidance only: the quiet row under the homepage claims line. Links `#agents`. Its label names each Agent. 12 is `AGENT_TARGETS` minus `AGENT_LOGOS` | | Step 01: find | Find · Stay hyped. A curated registry, plus what devs talk about on X and Bluesky. | guidance only: the first step of the homepage lifecycle band. The step name comes first, then the pitch line, then the description. Links `/skills/trending`. The braille spark motif pairs with the pitch line | | Step 02: run | Run · No more skill bloat. Your Agent reads the Skill now. Nothing lands on disk. | guidance only: a homepage lifecycle step. Links `/cli#run`. It carries the band's one rose dot, because run is the default. The run chip motif pairs with the pitch line | | Step 03: install | Install or fork · One install writes to 19 Agents, pinned to a commit and checked before files land. Fork for an editable copy. | guidance only: a homepage lifecycle step. Links `/cli#install`. 19 is `AGENT_TARGETS` in the CLI's `crates/skilld-core/src/target.rs`. If that count changes, change this string | @@ -33,6 +36,10 @@ These exact strings. Do not paraphrase them per page. | Step 05: make | Make · Guides and three authoring Skills to write and review your own. | guidance only: a homepage lifecycle step. Links `/make-skill`. The three are `generate-package-skill`, `generate-project-skill` and `review-skill` | | Step 06: build | Build on · Built to be built on. CLI, API, SDK, MCP and the Claude Code plugin. | guidance only: a homepage lifecycle step. Links `/developers` | | Home section: trending | Trending skills this week. | guidance only: the homepage trending section heading | +| Home section: agents | Works with your agent. · The CLI installs into 19 Agents. ChatGPT, Claude, and other MCP apps search the registry from the chat. | guidance only: the homepage Agents section heading and line. 19 is `AGENT_TARGETS.length` | +| Agents way: prompt | Paste into any agent · Your agent reads the setup steps and picks the path that fits it. | guidance only: the first way in the homepage Agents section, over the setup prompt | +| Agents way: terminal | From a terminal · Teaches your agent to search and run Skills in every project. | guidance only: the second way, over `npx skilld install skilld --global` | +| Agents way: MCP | In ChatGPT, Claude, and other MCP apps · Add the server once. Then ask the chat to find a Skill. | guidance only: the third way, over the MCP server URL. Its link, "Setup steps for each app", opens `/developers?setup=mcp` | | Home section: changes | Keep up with skill changes. | guidance only: the homepage section heading for watching and the digest | | Home section: authoring | Write a skill for your project. | guidance only: the homepage section heading for making a Skill | | Nav: developers | Developers | guidance only: the header menu trigger, and the group label in the mobile menu. The menu holds the four items below | diff --git a/app/components/CopyText.vue b/app/components/CopyText.vue new file mode 100644 index 00000000..a439bbb0 --- /dev/null +++ b/app/components/CopyText.vue @@ -0,0 +1,52 @@ + + + diff --git a/app/components/HomeAgents.vue b/app/components/HomeAgents.vue new file mode 100644 index 00000000..98ece224 --- /dev/null +++ b/app/components/HomeAgents.vue @@ -0,0 +1,144 @@ + + + + + diff --git a/app/pages/index.vue b/app/pages/index.vue index 30828ffc..ba57b981 100644 --- a/app/pages/index.vue +++ b/app/pages/index.vue @@ -2,9 +2,15 @@ import type { RecentPublishesResponse } from '~~/server/api/feed/recent-publishes.get' import type { RecentUpdateCard, RecentUpdatesResponse } from '~~/server/api/feed/recent-updates.get' import type { TrendingFeedResponse } from '~~/server/api/feed/trending.get' +import { agentSetupPrompt } from '#shared/agent-setup' import { WRITING_COMPARISON_LINK } from '#shared/comparison-navigation' import { avatarProxyUrl, githubAvatarProxyUrl } from '#shared/image-proxy' import OutcomeClusterGrid from '../components/OutcomeClusterGrid.vue' +import { AGENT_LOGOS } from '../utils/agent-logos' +import { MORE_AGENT_COUNT } from '../utils/agent-reach' + +const setupPrompt = agentSetupPrompt() +const heroAgentsLabel = `Works with ${AGENT_LOGOS.map(agent => agent.label).join(', ')}, and ${MORE_AGENT_COUNT} more Agents` const title = 'Agent skills for you and your agent · skilld' const description = 'Try any agent skill before you install it, and let your agent search for its own. Open-source CLI, no telemetry. A skills.sh alternative.' @@ -229,13 +235,23 @@ function recentRepoDescription(item: RecentRepoUpdate): string {