원클릭으로
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.