coding
oklch-based color palette and semantic token generator for design systems.
Install / Use
npx skills add Nlkomaru/color-paletteInstalls into whichever agent you are using.
Skill content
View source on GitHubコーディングプラクティス
実装手順
- styleを記述する際は、CSS in JS(Panda CSS)で記述してください。
実装時の注意点
- 常に既存コードの設計や記法を参考にしてください。。
- クラスのmain関数が長くなる場合、適切な粒度でメソッドを分割してください。
- 書籍「リーダブルコード」のようなベストプラクティスを常に適用してください。
- コードの意図・背景などのコメントを各行に積極的に入れてください。
- 実行終了後、pnpm buildを実行し、エラーがないことを確認してください。
- また、そのあと、pnpm checkを実行し、コードのフォーマットが適切であることを確認してください。
ファイル命名規則
- ファイル名は小文字で記述してください。
- ファイル名はkebab-caseで記述してください。
Related Skills
momen-cursurrules-prompt-file
40.6kCursor rules for building custom frontends with Momen.app as headless BaaS with GraphQL API, actionflows, AI agents, and Stripe integration.
semiotic-react-dataviz-cursorrules-prompt-file
40.6kCursor rules for Semiotic data visualization library with 30+ chart types, MCP server, and AI-assisted chart generation.
guizang-ppt-skill
24.0kAI-agent Skill for generating polished HTML slide decks: editorial magazine and Swiss layouts, image prompts, social covers, and a WebGL/low-power presentation runtime.
ui-ux-pro-max-skill
116.6kAn AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
Security Score
Audited on Invalid Date