ワンクリックで
page-styling
Define agentconfig.org page layout and hero styling for new pages that match the site.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
メニュー
Define agentconfig.org page layout and hero styling for new pages that match the site.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Generate llms.txt and llms-full.txt files for AI agent consumption following the llmstxt.org standard. Use when updating site content that should be reflected in the llms files, or when building/deploying the site.
Add a new AI provider to agentconfig.org's comparison system. Use when integrating a new coding assistant (e.g., Cursor, Claude Desktop, GitHub Copilot alternative) with proper type system updates, implementation data, UI components, tests, and documentation.
Interactive workflow advisor that helps you choose optimal AI primitives from agentconfig.org based on your specific workflow needs, skill level, and tooling preferences. Use when deciding which primitives to implement or how to structure your AI configuration.
Create a new tutorial/content page on agentconfig.org with proper file structure, routing, and registry entry. Use when adding a new top-level page like /skills, /agents, or /mcp.
Add or modify AI primitive definitions in the data layer with correct typing and complete metadata. Use when adding new primitives, updating descriptions, or extending primitive categories.
Create new Preact components following project conventions with proper file structure, TypeScript types, and Tailwind styling. Use when adding UI components, sections, or interactive elements to the site.
| name | page-styling |
| description | Define agentconfig.org page layout and hero styling for new pages that match the site. |
Use this skill to keep page-level layout and hero styling consistent with agentconfig.org, especially the left-aligned hero and colored label pills used on /agents.
PageLayout for top-level pages.site/src/pages/{slug}.tsx should render {PageName}Page.site/src/components/{PageName}Page/.<header className="border-b border-border bg-muted/30">.container mx-auto px-4 py-12 md:py-16.text-center).max-w-2xl on the paragraph.h1 should use text-4xl md:text-5xl font-bold mb-4.text-xl text-muted-foreground max-w-2xl.px-3 py-1 rounded-full text-sm.flex gap-2 mt-6 flex-wrap./agents:
bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400Section for homepage-style sections.text-3xl md:text-4xl font-bold with descriptions text-lg text-muted-foreground.