{"id":"3ddc6c65-37b8-4c57-a934-3d7261e94bd8","shortId":"wzfGEG","kind":"skill","title":"compone","tagline":"Builds Python components using the compone framework for type-safe HTML/XML/RSS generation. Use when working with compone, creating Python components, generating markup in Python, or building framework-agnostic component libraries.","description":"# Compone - Python Component Framework\n\nHelps developers create type-safe, reusable components using compone, a modern\nPython framework for generating markup (HTML, XML, RSS) with React-like patterns.\n\nALWAYS read `core-concepts.md` for basic usage.\n\n- For integration with web frameworks, read [`frameworks.md`](frameworks.md).\n- For HTML generation and patterns, read [`html.md`](html.md)\n- For other formats like XML, RSS, SVG and others, read [`other-formats.md`](other-formats.md)\n- For more examples when writing complex components, read [`other-formats.md`](examples.md)\n- When writing tests for Components, read [`testing.md`](testing.md)\n\n## When to Use Compone\n\n- Building framework-agnostic component libraries\n- Type-safe HTML generation in Python\n- Colocating markup with Python logic\n- Generating XML, RSS, or other markup formats\n- Creating reusable UI patterns across projects\n- Teams preferring Python over template languages\n\n\n## Best Practices\n\n1. **Type all props**: Use type hints for better IDE support and static type checking\n2. **Single responsibility**: Keep components focused on one concern\n3. **Composition over complexity**: Build complex UIs from simple components\n4. **Descriptive names**: Use clear component and prop names\n5. **Default values**: Provide sensible defaults for optional props\n6. **Framework agnostic**: Don't tie components to specific web frameworks\n\n\n## Official Documentation\n\n- Website: https://compone.kissgyorgy.me/\n- GitHub: https://github.com/kissgyorgy/compone\n- PyPI: https://pypi.org/project/compone/","tags":["compone","coding","agents","kissgyorgy","agent-skills","coding-agents","nix","nix-flake"],"capabilities":["skill","source-kissgyorgy","skill-compone","topic-agent-skills","topic-coding-agents","topic-nix","topic-nix-flake"],"categories":["coding-agents"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/kissgyorgy/coding-agents/compone","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add kissgyorgy/coding-agents","source_repo":"https://github.com/kissgyorgy/coding-agents","install_from":"skills.sh"}},"qualityScore":"0.453","qualityRationale":"deterministic score 0.45 from registry signals: · indexed on github topic:agent-skills · 6 github stars · SKILL.md body (1,560 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-05-18T13:23:01.617Z","embedding":null,"createdAt":"2026-05-18T13:23:01.617Z","updatedAt":"2026-05-18T13:23:01.617Z","lastSeenAt":"2026-05-18T13:23:01.617Z","tsv":"'/kissgyorgy/compone':228 '/project/compone/':232 '1':158 '2':173 '3':182 '4':192 '5':201 '6':210 'across':148 'agnost':31,122,212 'alway':63 'basic':67 'best':156 'better':166 'build':2,28,119,186 'check':172 'clear':196 'coloc':132 'complex':102,185,187 'compon':1,4,7,19,22,32,34,36,45,47,103,111,118,123,177,191,197,216 'compone.kissgyorgy.me':224 'composit':183 'concern':181 'core-concepts.md':65 'creat':20,40,144 'default':202,206 'descript':193 'develop':39 'document':222 'exampl':99 'examples.md':106 'focus':178 'format':87,143 'framework':8,30,37,51,73,121,211,220 'framework-agnost':29,120 'frameworks.md':75,76 'generat':14,23,53,79,129,137 'github':225 'github.com':227 'github.com/kissgyorgy/compone':226 'help':38 'hint':164 'html':55,78,128 'html.md':83,84 'html/xml/rss':13 'ide':167 'integr':70 'keep':176 'languag':155 'librari':33,124 'like':61,88 'logic':136 'markup':24,54,133,142 'modern':49 'name':194,200 'offici':221 'one':180 'option':208 'other':93 'other-formats.md':95,96,105 'pattern':62,81,147 'practic':157 'prefer':151 'project':149 'prop':161,199,209 'provid':204 'pypi':229 'pypi.org':231 'pypi.org/project/compone/':230 'python':3,21,26,35,50,131,135,152 'react':60 'react-lik':59 'read':64,74,82,94,104,112 'respons':175 'reusabl':44,145 'rss':57,90,139 'safe':12,43,127 'sensibl':205 'simpl':190 'singl':174 'skill' 'skill-compone' 'source-kissgyorgy' 'specif':218 'static':170 'support':168 'svg':91 'team':150 'templat':154 'test':109 'testing.md':113,114 'tie':215 'topic-agent-skills' 'topic-coding-agents' 'topic-nix' 'topic-nix-flake' 'type':11,42,126,159,163,171 'type-saf':10,41,125 'ui':146,188 'usag':68 'use':5,15,46,117,162,195 'valu':203 'web':72,219 'websit':223 'work':17 'write':101,108 'xml':56,89,138","prices":[{"id":"80c2b22f-b2d5-42fd-b918-39e054da1db7","listingId":"3ddc6c65-37b8-4c57-a934-3d7261e94bd8","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"kissgyorgy","category":"coding-agents","install_from":"skills.sh"},"createdAt":"2026-05-18T13:23:01.617Z"}],"sources":[{"listingId":"3ddc6c65-37b8-4c57-a934-3d7261e94bd8","source":"github","sourceId":"kissgyorgy/coding-agents/compone","sourceUrl":"https://github.com/kissgyorgy/coding-agents/tree/master/skills/compone","isPrimary":false,"firstSeenAt":"2026-05-18T13:23:01.617Z","lastSeenAt":"2026-05-18T13:23:01.617Z"}],"details":{"listingId":"3ddc6c65-37b8-4c57-a934-3d7261e94bd8","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"kissgyorgy","slug":"compone","github":{"repo":"kissgyorgy/coding-agents","stars":6,"topics":["agent-skills","coding-agents","nix","nix-flake"],"license":null,"html_url":"https://github.com/kissgyorgy/coding-agents","pushed_at":"2026-05-18T11:27:29Z","description":"Nix packages, skills, extensions for coding-agents (Claude Code, Gemini CLI, Pi Coding Agent, Codex)","skill_md_sha":"532f6e8e5764776f7ec695ea8105f0ea2d187d9f","skill_md_path":"skills/compone/SKILL.md","default_branch":"master","skill_tree_url":"https://github.com/kissgyorgy/coding-agents/tree/master/skills/compone"},"layout":"multi","source":"github","category":"coding-agents","frontmatter":{"name":"compone","description":"Builds Python components using the compone framework for type-safe HTML/XML/RSS generation. Use when working with compone, creating Python components, generating markup in Python, or building framework-agnostic component libraries."},"skills_sh_url":"https://skills.sh/kissgyorgy/coding-agents/compone"},"updatedAt":"2026-05-18T13:23:01.617Z"}}