solmate-skills 1.0.1 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (429) hide show
  1. package/AGENTS.md +52 -14
  2. package/CLAUDE.md +77 -0
  3. package/README.md +199 -23
  4. package/docs-business/SKILL.md +227 -0
  5. package/docs-dev/SKILL.md +181 -0
  6. package/docs-pitch/SKILL.md +245 -0
  7. package/docs-plan/SKILL.md +154 -0
  8. package/ext-awesome-design/.github/FUNDING.yml +4 -0
  9. package/ext-awesome-design/.github/ISSUE_TEMPLATE/design-md-request.yml +46 -0
  10. package/ext-awesome-design/CONTRIBUTING.md +28 -0
  11. package/ext-awesome-design/LICENSE +21 -0
  12. package/ext-awesome-design/README.md +172 -0
  13. package/ext-awesome-design/SKILL.md +19 -0
  14. package/ext-awesome-design/design-md/airbnb/DESIGN.md +246 -0
  15. package/ext-awesome-design/design-md/airbnb/README.md +23 -0
  16. package/ext-awesome-design/design-md/airbnb/preview-dark.html +234 -0
  17. package/ext-awesome-design/design-md/airbnb/preview.html +233 -0
  18. package/ext-awesome-design/design-md/airtable/DESIGN.md +89 -0
  19. package/ext-awesome-design/design-md/airtable/README.md +23 -0
  20. package/ext-awesome-design/design-md/airtable/preview-dark.html +165 -0
  21. package/ext-awesome-design/design-md/airtable/preview.html +164 -0
  22. package/ext-awesome-design/design-md/apple/DESIGN.md +313 -0
  23. package/ext-awesome-design/design-md/apple/README.md +24 -0
  24. package/ext-awesome-design/design-md/apple/preview-dark.html +422 -0
  25. package/ext-awesome-design/design-md/apple/preview.html +416 -0
  26. package/ext-awesome-design/design-md/bmw/DESIGN.md +180 -0
  27. package/ext-awesome-design/design-md/bmw/README.md +23 -0
  28. package/ext-awesome-design/design-md/bmw/preview-dark.html +211 -0
  29. package/ext-awesome-design/design-md/bmw/preview.html +210 -0
  30. package/ext-awesome-design/design-md/cal/DESIGN.md +259 -0
  31. package/ext-awesome-design/design-md/cal/README.md +23 -0
  32. package/ext-awesome-design/design-md/cal/preview-dark.html +449 -0
  33. package/ext-awesome-design/design-md/cal/preview.html +575 -0
  34. package/ext-awesome-design/design-md/claude/DESIGN.md +312 -0
  35. package/ext-awesome-design/design-md/claude/README.md +24 -0
  36. package/ext-awesome-design/design-md/claude/preview-dark.html +803 -0
  37. package/ext-awesome-design/design-md/claude/preview.html +826 -0
  38. package/ext-awesome-design/design-md/clay/DESIGN.md +304 -0
  39. package/ext-awesome-design/design-md/clay/README.md +23 -0
  40. package/ext-awesome-design/design-md/clay/preview-dark.html +318 -0
  41. package/ext-awesome-design/design-md/clay/preview.html +317 -0
  42. package/ext-awesome-design/design-md/clickhouse/DESIGN.md +281 -0
  43. package/ext-awesome-design/design-md/clickhouse/README.md +24 -0
  44. package/ext-awesome-design/design-md/clickhouse/preview-dark.html +834 -0
  45. package/ext-awesome-design/design-md/clickhouse/preview.html +786 -0
  46. package/ext-awesome-design/design-md/cohere/DESIGN.md +266 -0
  47. package/ext-awesome-design/design-md/cohere/README.md +24 -0
  48. package/ext-awesome-design/design-md/cohere/preview-dark.html +810 -0
  49. package/ext-awesome-design/design-md/cohere/preview.html +814 -0
  50. package/ext-awesome-design/design-md/coinbase/DESIGN.md +129 -0
  51. package/ext-awesome-design/design-md/coinbase/README.md +23 -0
  52. package/ext-awesome-design/design-md/coinbase/preview-dark.html +164 -0
  53. package/ext-awesome-design/design-md/coinbase/preview.html +163 -0
  54. package/ext-awesome-design/design-md/composio/DESIGN.md +307 -0
  55. package/ext-awesome-design/design-md/composio/README.md +24 -0
  56. package/ext-awesome-design/design-md/composio/preview-dark.html +958 -0
  57. package/ext-awesome-design/design-md/composio/preview.html +933 -0
  58. package/ext-awesome-design/design-md/cursor/DESIGN.md +309 -0
  59. package/ext-awesome-design/design-md/cursor/README.md +24 -0
  60. package/ext-awesome-design/design-md/cursor/preview-dark.html +395 -0
  61. package/ext-awesome-design/design-md/cursor/preview.html +385 -0
  62. package/ext-awesome-design/design-md/elevenlabs/DESIGN.md +265 -0
  63. package/ext-awesome-design/design-md/elevenlabs/README.md +23 -0
  64. package/ext-awesome-design/design-md/elevenlabs/preview-dark.html +254 -0
  65. package/ext-awesome-design/design-md/elevenlabs/preview.html +253 -0
  66. package/ext-awesome-design/design-md/expo/DESIGN.md +281 -0
  67. package/ext-awesome-design/design-md/expo/README.md +24 -0
  68. package/ext-awesome-design/design-md/expo/preview-dark.html +536 -0
  69. package/ext-awesome-design/design-md/expo/preview.html +536 -0
  70. package/ext-awesome-design/design-md/figma/DESIGN.md +220 -0
  71. package/ext-awesome-design/design-md/figma/README.md +24 -0
  72. package/ext-awesome-design/design-md/figma/preview-dark.html +831 -0
  73. package/ext-awesome-design/design-md/figma/preview.html +841 -0
  74. package/ext-awesome-design/design-md/framer/DESIGN.md +246 -0
  75. package/ext-awesome-design/design-md/framer/README.md +23 -0
  76. package/ext-awesome-design/design-md/framer/preview-dark.html +904 -0
  77. package/ext-awesome-design/design-md/framer/preview.html +885 -0
  78. package/ext-awesome-design/design-md/hashicorp/DESIGN.md +278 -0
  79. package/ext-awesome-design/design-md/hashicorp/README.md +24 -0
  80. package/ext-awesome-design/design-md/hashicorp/preview-dark.html +1206 -0
  81. package/ext-awesome-design/design-md/hashicorp/preview.html +1195 -0
  82. package/ext-awesome-design/design-md/ibm/DESIGN.md +332 -0
  83. package/ext-awesome-design/design-md/ibm/README.md +24 -0
  84. package/ext-awesome-design/design-md/ibm/preview-dark.html +445 -0
  85. package/ext-awesome-design/design-md/ibm/preview.html +430 -0
  86. package/ext-awesome-design/design-md/intercom/DESIGN.md +146 -0
  87. package/ext-awesome-design/design-md/intercom/README.md +23 -0
  88. package/ext-awesome-design/design-md/intercom/preview-dark.html +185 -0
  89. package/ext-awesome-design/design-md/intercom/preview.html +184 -0
  90. package/ext-awesome-design/design-md/kraken/DESIGN.md +125 -0
  91. package/ext-awesome-design/design-md/kraken/README.md +23 -0
  92. package/ext-awesome-design/design-md/kraken/preview-dark.html +169 -0
  93. package/ext-awesome-design/design-md/kraken/preview.html +168 -0
  94. package/ext-awesome-design/design-md/linear.app/DESIGN.md +367 -0
  95. package/ext-awesome-design/design-md/linear.app/README.md +24 -0
  96. package/ext-awesome-design/design-md/linear.app/preview-dark.html +385 -0
  97. package/ext-awesome-design/design-md/linear.app/preview.html +375 -0
  98. package/ext-awesome-design/design-md/lovable/DESIGN.md +298 -0
  99. package/ext-awesome-design/design-md/lovable/README.md +24 -0
  100. package/ext-awesome-design/design-md/lovable/preview-dark.html +351 -0
  101. package/ext-awesome-design/design-md/lovable/preview.html +350 -0
  102. package/ext-awesome-design/design-md/minimax/DESIGN.md +257 -0
  103. package/ext-awesome-design/design-md/minimax/README.md +24 -0
  104. package/ext-awesome-design/design-md/minimax/preview-dark.html +1267 -0
  105. package/ext-awesome-design/design-md/minimax/preview.html +1253 -0
  106. package/ext-awesome-design/design-md/mintlify/DESIGN.md +326 -0
  107. package/ext-awesome-design/design-md/mintlify/README.md +24 -0
  108. package/ext-awesome-design/design-md/mintlify/preview-dark.html +411 -0
  109. package/ext-awesome-design/design-md/mintlify/preview.html +400 -0
  110. package/ext-awesome-design/design-md/miro/DESIGN.md +108 -0
  111. package/ext-awesome-design/design-md/miro/README.md +23 -0
  112. package/ext-awesome-design/design-md/miro/preview-dark.html +174 -0
  113. package/ext-awesome-design/design-md/miro/preview.html +173 -0
  114. package/ext-awesome-design/design-md/mistral.ai/DESIGN.md +261 -0
  115. package/ext-awesome-design/design-md/mistral.ai/README.md +24 -0
  116. package/ext-awesome-design/design-md/mistral.ai/preview-dark.html +813 -0
  117. package/ext-awesome-design/design-md/mistral.ai/preview.html +812 -0
  118. package/ext-awesome-design/design-md/mongodb/DESIGN.md +266 -0
  119. package/ext-awesome-design/design-md/mongodb/README.md +23 -0
  120. package/ext-awesome-design/design-md/mongodb/preview-dark.html +262 -0
  121. package/ext-awesome-design/design-md/mongodb/preview.html +261 -0
  122. package/ext-awesome-design/design-md/notion/DESIGN.md +309 -0
  123. package/ext-awesome-design/design-md/notion/README.md +24 -0
  124. package/ext-awesome-design/design-md/notion/preview-dark.html +374 -0
  125. package/ext-awesome-design/design-md/notion/preview.html +366 -0
  126. package/ext-awesome-design/design-md/nvidia/DESIGN.md +293 -0
  127. package/ext-awesome-design/design-md/nvidia/README.md +24 -0
  128. package/ext-awesome-design/design-md/nvidia/preview-dark.html +376 -0
  129. package/ext-awesome-design/design-md/nvidia/preview.html +368 -0
  130. package/ext-awesome-design/design-md/ollama/DESIGN.md +267 -0
  131. package/ext-awesome-design/design-md/ollama/README.md +24 -0
  132. package/ext-awesome-design/design-md/ollama/preview-dark.html +678 -0
  133. package/ext-awesome-design/design-md/ollama/preview.html +678 -0
  134. package/ext-awesome-design/design-md/opencode.ai/DESIGN.md +281 -0
  135. package/ext-awesome-design/design-md/opencode.ai/README.md +24 -0
  136. package/ext-awesome-design/design-md/opencode.ai/preview-dark.html +368 -0
  137. package/ext-awesome-design/design-md/opencode.ai/preview.html +359 -0
  138. package/ext-awesome-design/design-md/pinterest/DESIGN.md +230 -0
  139. package/ext-awesome-design/design-md/pinterest/README.md +23 -0
  140. package/ext-awesome-design/design-md/pinterest/preview-dark.html +233 -0
  141. package/ext-awesome-design/design-md/pinterest/preview.html +232 -0
  142. package/ext-awesome-design/design-md/posthog/DESIGN.md +256 -0
  143. package/ext-awesome-design/design-md/posthog/README.md +23 -0
  144. package/ext-awesome-design/design-md/posthog/preview-dark.html +701 -0
  145. package/ext-awesome-design/design-md/posthog/preview.html +751 -0
  146. package/ext-awesome-design/design-md/raycast/DESIGN.md +268 -0
  147. package/ext-awesome-design/design-md/raycast/README.md +23 -0
  148. package/ext-awesome-design/design-md/raycast/preview-dark.html +608 -0
  149. package/ext-awesome-design/design-md/raycast/preview.html +690 -0
  150. package/ext-awesome-design/design-md/replicate/DESIGN.md +261 -0
  151. package/ext-awesome-design/design-md/replicate/README.md +24 -0
  152. package/ext-awesome-design/design-md/replicate/preview-dark.html +828 -0
  153. package/ext-awesome-design/design-md/replicate/preview.html +831 -0
  154. package/ext-awesome-design/design-md/resend/DESIGN.md +303 -0
  155. package/ext-awesome-design/design-md/resend/README.md +23 -0
  156. package/ext-awesome-design/design-md/resend/preview-dark.html +357 -0
  157. package/ext-awesome-design/design-md/resend/preview.html +356 -0
  158. package/ext-awesome-design/design-md/revolut/DESIGN.md +185 -0
  159. package/ext-awesome-design/design-md/revolut/README.md +23 -0
  160. package/ext-awesome-design/design-md/revolut/preview-dark.html +234 -0
  161. package/ext-awesome-design/design-md/revolut/preview.html +233 -0
  162. package/ext-awesome-design/design-md/runwayml/DESIGN.md +244 -0
  163. package/ext-awesome-design/design-md/runwayml/README.md +24 -0
  164. package/ext-awesome-design/design-md/runwayml/preview-dark.html +664 -0
  165. package/ext-awesome-design/design-md/runwayml/preview.html +665 -0
  166. package/ext-awesome-design/design-md/sanity/DESIGN.md +357 -0
  167. package/ext-awesome-design/design-md/sanity/README.md +24 -0
  168. package/ext-awesome-design/design-md/sanity/preview-dark.html +995 -0
  169. package/ext-awesome-design/design-md/sanity/preview.html +1140 -0
  170. package/ext-awesome-design/design-md/sentry/DESIGN.md +262 -0
  171. package/ext-awesome-design/design-md/sentry/README.md +24 -0
  172. package/ext-awesome-design/design-md/sentry/preview-dark.html +628 -0
  173. package/ext-awesome-design/design-md/sentry/preview.html +953 -0
  174. package/ext-awesome-design/design-md/spacex/DESIGN.md +194 -0
  175. package/ext-awesome-design/design-md/spacex/README.md +23 -0
  176. package/ext-awesome-design/design-md/spacex/preview-dark.html +223 -0
  177. package/ext-awesome-design/design-md/spacex/preview.html +222 -0
  178. package/ext-awesome-design/design-md/spotify/DESIGN.md +246 -0
  179. package/ext-awesome-design/design-md/spotify/README.md +23 -0
  180. package/ext-awesome-design/design-md/spotify/preview-dark.html +231 -0
  181. package/ext-awesome-design/design-md/spotify/preview.html +230 -0
  182. package/ext-awesome-design/design-md/stripe/DESIGN.md +322 -0
  183. package/ext-awesome-design/design-md/stripe/README.md +24 -0
  184. package/ext-awesome-design/design-md/stripe/preview-dark.html +430 -0
  185. package/ext-awesome-design/design-md/stripe/preview.html +421 -0
  186. package/ext-awesome-design/design-md/supabase/DESIGN.md +255 -0
  187. package/ext-awesome-design/design-md/supabase/README.md +24 -0
  188. package/ext-awesome-design/design-md/supabase/preview-dark.html +977 -0
  189. package/ext-awesome-design/design-md/supabase/preview.html +955 -0
  190. package/ext-awesome-design/design-md/superhuman/DESIGN.md +252 -0
  191. package/ext-awesome-design/design-md/superhuman/README.md +23 -0
  192. package/ext-awesome-design/design-md/superhuman/preview-dark.html +975 -0
  193. package/ext-awesome-design/design-md/superhuman/preview.html +953 -0
  194. package/ext-awesome-design/design-md/together.ai/DESIGN.md +263 -0
  195. package/ext-awesome-design/design-md/together.ai/README.md +24 -0
  196. package/ext-awesome-design/design-md/together.ai/preview-dark.html +892 -0
  197. package/ext-awesome-design/design-md/together.ai/preview.html +897 -0
  198. package/ext-awesome-design/design-md/uber/DESIGN.md +295 -0
  199. package/ext-awesome-design/design-md/uber/README.md +24 -0
  200. package/ext-awesome-design/design-md/uber/preview-dark.html +1164 -0
  201. package/ext-awesome-design/design-md/uber/preview.html +1163 -0
  202. package/ext-awesome-design/design-md/vercel/DESIGN.md +310 -0
  203. package/ext-awesome-design/design-md/vercel/README.md +24 -0
  204. package/ext-awesome-design/design-md/vercel/preview-dark.html +370 -0
  205. package/ext-awesome-design/design-md/vercel/preview.html +369 -0
  206. package/ext-awesome-design/design-md/voltagent/DESIGN.md +323 -0
  207. package/ext-awesome-design/design-md/voltagent/README.md +24 -0
  208. package/ext-awesome-design/design-md/voltagent/preview-dark.html +487 -0
  209. package/ext-awesome-design/design-md/voltagent/preview.html +766 -0
  210. package/ext-awesome-design/design-md/warp/DESIGN.md +253 -0
  211. package/ext-awesome-design/design-md/warp/README.md +23 -0
  212. package/ext-awesome-design/design-md/warp/preview-dark.html +502 -0
  213. package/ext-awesome-design/design-md/warp/preview.html +535 -0
  214. package/ext-awesome-design/design-md/webflow/DESIGN.md +92 -0
  215. package/ext-awesome-design/design-md/webflow/README.md +23 -0
  216. package/ext-awesome-design/design-md/webflow/preview-dark.html +147 -0
  217. package/ext-awesome-design/design-md/webflow/preview.html +146 -0
  218. package/ext-awesome-design/design-md/wise/DESIGN.md +173 -0
  219. package/ext-awesome-design/design-md/wise/README.md +23 -0
  220. package/ext-awesome-design/design-md/wise/preview-dark.html +230 -0
  221. package/ext-awesome-design/design-md/wise/preview.html +229 -0
  222. package/ext-awesome-design/design-md/x.ai/DESIGN.md +257 -0
  223. package/ext-awesome-design/design-md/x.ai/README.md +24 -0
  224. package/ext-awesome-design/design-md/x.ai/preview-dark.html +358 -0
  225. package/ext-awesome-design/design-md/x.ai/preview.html +409 -0
  226. package/ext-awesome-design/design-md/zapier/DESIGN.md +328 -0
  227. package/ext-awesome-design/design-md/zapier/README.md +24 -0
  228. package/ext-awesome-design/design-md/zapier/preview-dark.html +382 -0
  229. package/ext-awesome-design/design-md/zapier/preview.html +374 -0
  230. package/ext-k-skill/.changeset/config.json +11 -0
  231. package/ext-k-skill/.github/release-please/python-config.json +3 -0
  232. package/ext-k-skill/.github/release-please/python-manifest.json +1 -0
  233. package/ext-k-skill/.github/workflows/ci.yml +21 -0
  234. package/ext-k-skill/.github/workflows/release-npm.yml +51 -0
  235. package/ext-k-skill/.github/workflows/release-python.yml +41 -0
  236. package/ext-k-skill/AGENTS.md +36 -0
  237. package/ext-k-skill/CLAUDE.md +5 -0
  238. package/ext-k-skill/LICENSE +21 -0
  239. package/ext-k-skill/README.md +83 -0
  240. package/ext-k-skill/SKILL.md +21 -0
  241. package/ext-k-skill/blue-ribbon-nearby/SKILL.md +132 -0
  242. package/ext-k-skill/coupang-product-search/SKILL.md +136 -0
  243. package/ext-k-skill/daiso-product-search/SKILL.md +165 -0
  244. package/ext-k-skill/delivery-tracking/SKILL.md +368 -0
  245. package/ext-k-skill/docs/assets/k-skill-thumbnail.png +0 -0
  246. package/ext-k-skill/docs/features/blue-ribbon-nearby.md +128 -0
  247. package/ext-k-skill/docs/features/coupang-product-search.md +103 -0
  248. package/ext-k-skill/docs/features/daiso-product-search.md +83 -0
  249. package/ext-k-skill/docs/features/delivery-tracking.md +301 -0
  250. package/ext-k-skill/docs/features/fine-dust-location.md +128 -0
  251. package/ext-k-skill/docs/features/hwp.md +105 -0
  252. package/ext-k-skill/docs/features/k-skill-proxy.md +82 -0
  253. package/ext-k-skill/docs/features/kakao-bar-nearby.md +107 -0
  254. package/ext-k-skill/docs/features/kakaotalk-mac.md +60 -0
  255. package/ext-k-skill/docs/features/kbo-results.md +49 -0
  256. package/ext-k-skill/docs/features/kleague-results.md +62 -0
  257. package/ext-k-skill/docs/features/korean-law-search.md +127 -0
  258. package/ext-k-skill/docs/features/ktx-booking.md +99 -0
  259. package/ext-k-skill/docs/features/lotto-results.md +41 -0
  260. package/ext-k-skill/docs/features/seoul-subway-arrival.md +61 -0
  261. package/ext-k-skill/docs/features/srt-booking.md +67 -0
  262. package/ext-k-skill/docs/features/toss-securities.md +83 -0
  263. package/ext-k-skill/docs/features/used-car-price-search.md +86 -0
  264. package/ext-k-skill/docs/features/zipcode-search.md +100 -0
  265. package/ext-k-skill/docs/install.md +167 -0
  266. package/ext-k-skill/docs/releasing.md +51 -0
  267. package/ext-k-skill/docs/roadmap.md +135 -0
  268. package/ext-k-skill/docs/security-and-secrets.md +69 -0
  269. package/ext-k-skill/docs/setup.md +75 -0
  270. package/ext-k-skill/docs/sources.md +47 -0
  271. package/ext-k-skill/ecosystem.config.cjs +16 -0
  272. package/ext-k-skill/examples/secrets.env.example +7 -0
  273. package/ext-k-skill/fine-dust-location/SKILL.md +99 -0
  274. package/ext-k-skill/hwp/SKILL.md +182 -0
  275. package/ext-k-skill/k-skill-setup/SKILL.md +180 -0
  276. package/ext-k-skill/kakao-bar-nearby/SKILL.md +86 -0
  277. package/ext-k-skill/kakaotalk-mac/SKILL.md +167 -0
  278. package/ext-k-skill/kbo-results/SKILL.md +92 -0
  279. package/ext-k-skill/kleague-results/SKILL.md +102 -0
  280. package/ext-k-skill/korean-law-search/SKILL.md +174 -0
  281. package/ext-k-skill/ktx-booking/SKILL.md +138 -0
  282. package/ext-k-skill/lotto-results/SKILL.md +90 -0
  283. package/ext-k-skill/package.json +25 -0
  284. package/ext-k-skill/packages/blue-ribbon-nearby/CHANGELOG.md +7 -0
  285. package/ext-k-skill/packages/blue-ribbon-nearby/README.md +80 -0
  286. package/ext-k-skill/packages/blue-ribbon-nearby/package.json +32 -0
  287. package/ext-k-skill/packages/blue-ribbon-nearby/src/index.js +255 -0
  288. package/ext-k-skill/packages/blue-ribbon-nearby/src/parse.js +309 -0
  289. package/ext-k-skill/packages/blue-ribbon-nearby/test/fixtures/restaurants-map.json +48 -0
  290. package/ext-k-skill/packages/blue-ribbon-nearby/test/fixtures/search-zone.html +17 -0
  291. package/ext-k-skill/packages/blue-ribbon-nearby/test/index.test.js +159 -0
  292. package/ext-k-skill/packages/daiso-product-search/CHANGELOG.md +7 -0
  293. package/ext-k-skill/packages/daiso-product-search/README.md +80 -0
  294. package/ext-k-skill/packages/daiso-product-search/package.json +32 -0
  295. package/ext-k-skill/packages/daiso-product-search/src/index.js +183 -0
  296. package/ext-k-skill/packages/daiso-product-search/src/parse.js +385 -0
  297. package/ext-k-skill/packages/daiso-product-search/test/fixtures/online-stock.json +11 -0
  298. package/ext-k-skill/packages/daiso-product-search/test/fixtures/search-goods.json +72 -0
  299. package/ext-k-skill/packages/daiso-product-search/test/fixtures/store-detail.json +19 -0
  300. package/ext-k-skill/packages/daiso-product-search/test/fixtures/store-pickup-stock.json +13 -0
  301. package/ext-k-skill/packages/daiso-product-search/test/fixtures/store-search.json +38 -0
  302. package/ext-k-skill/packages/daiso-product-search/test/index.test.js +454 -0
  303. package/ext-k-skill/packages/k-lotto/CHANGELOG.md +7 -0
  304. package/ext-k-skill/packages/k-lotto/README.md +44 -0
  305. package/ext-k-skill/packages/k-lotto/package.json +31 -0
  306. package/ext-k-skill/packages/k-lotto/src/index.js +107 -0
  307. package/ext-k-skill/packages/k-lotto/src/parse.js +209 -0
  308. package/ext-k-skill/packages/k-lotto/test/fixtures/latest-result.html +6 -0
  309. package/ext-k-skill/packages/k-lotto/test/fixtures/round-1216.json +43 -0
  310. package/ext-k-skill/packages/k-lotto/test/index.test.js +95 -0
  311. package/ext-k-skill/packages/k-skill-proxy/README.md +40 -0
  312. package/ext-k-skill/packages/k-skill-proxy/package.json +18 -0
  313. package/ext-k-skill/packages/k-skill-proxy/src/airkorea.js +427 -0
  314. package/ext-k-skill/packages/k-skill-proxy/src/server.js +448 -0
  315. package/ext-k-skill/packages/k-skill-proxy/test/airkorea.test.js +195 -0
  316. package/ext-k-skill/packages/k-skill-proxy/test/server.test.js +324 -0
  317. package/ext-k-skill/packages/kakao-bar-nearby/CHANGELOG.md +7 -0
  318. package/ext-k-skill/packages/kakao-bar-nearby/README.md +73 -0
  319. package/ext-k-skill/packages/kakao-bar-nearby/package.json +33 -0
  320. package/ext-k-skill/packages/kakao-bar-nearby/src/index.js +231 -0
  321. package/ext-k-skill/packages/kakao-bar-nearby/src/parse.js +308 -0
  322. package/ext-k-skill/packages/kakao-bar-nearby/test/fixtures/anchor-panel.json +21 -0
  323. package/ext-k-skill/packages/kakao-bar-nearby/test/fixtures/anchor-search.html +22 -0
  324. package/ext-k-skill/packages/kakao-bar-nearby/test/fixtures/bar-search.html +47 -0
  325. package/ext-k-skill/packages/kakao-bar-nearby/test/fixtures/closed-bar-panel.json +72 -0
  326. package/ext-k-skill/packages/kakao-bar-nearby/test/fixtures/non-bar-panel.json +28 -0
  327. package/ext-k-skill/packages/kakao-bar-nearby/test/fixtures/open-bar-panel.json +80 -0
  328. package/ext-k-skill/packages/kakao-bar-nearby/test/index.test.js +457 -0
  329. package/ext-k-skill/packages/kleague-results/CHANGELOG.md +7 -0
  330. package/ext-k-skill/packages/kleague-results/README.md +65 -0
  331. package/ext-k-skill/packages/kleague-results/package.json +31 -0
  332. package/ext-k-skill/packages/kleague-results/src/index.js +139 -0
  333. package/ext-k-skill/packages/kleague-results/src/parse.js +387 -0
  334. package/ext-k-skill/packages/kleague-results/test/fixtures/schedule-kleague1-2026-03.json +2195 -0
  335. package/ext-k-skill/packages/kleague-results/test/fixtures/standings-kleague1-2026.json +1102 -0
  336. package/ext-k-skill/packages/kleague-results/test/index.test.js +154 -0
  337. package/ext-k-skill/packages/toss-securities/CHANGELOG.md +7 -0
  338. package/ext-k-skill/packages/toss-securities/README.md +73 -0
  339. package/ext-k-skill/packages/toss-securities/package.json +32 -0
  340. package/ext-k-skill/packages/toss-securities/src/index.js +98 -0
  341. package/ext-k-skill/packages/toss-securities/src/parse.js +123 -0
  342. package/ext-k-skill/packages/toss-securities/test/index.test.js +103 -0
  343. package/ext-k-skill/packages/used-car-price-search/CHANGELOG.md +7 -0
  344. package/ext-k-skill/packages/used-car-price-search/README.md +50 -0
  345. package/ext-k-skill/packages/used-car-price-search/package.json +32 -0
  346. package/ext-k-skill/packages/used-car-price-search/src/index.js +51 -0
  347. package/ext-k-skill/packages/used-car-price-search/src/providers/sk-tagobuy.js +123 -0
  348. package/ext-k-skill/packages/used-car-price-search/src/search.js +87 -0
  349. package/ext-k-skill/packages/used-car-price-search/src/util.js +41 -0
  350. package/ext-k-skill/packages/used-car-price-search/test/fixtures/tb-empty.html +2 -0
  351. package/ext-k-skill/packages/used-car-price-search/test/fixtures/tb-page.html +7 -0
  352. package/ext-k-skill/packages/used-car-price-search/test/index.test.js +175 -0
  353. package/ext-k-skill/python-packages/README.md +17 -0
  354. package/ext-k-skill/scripts/check-setup.sh +29 -0
  355. package/ext-k-skill/scripts/fine_dust.py +542 -0
  356. package/ext-k-skill/scripts/fixtures/delivery-tracking-public-provenance.json +10 -0
  357. package/ext-k-skill/scripts/fixtures/delivery-tracking-public-samples.json +51 -0
  358. package/ext-k-skill/scripts/fixtures/fine-dust-measurements.json +35 -0
  359. package/ext-k-skill/scripts/fixtures/fine-dust-stations.json +26 -0
  360. package/ext-k-skill/scripts/ktx_booking.py +760 -0
  361. package/ext-k-skill/scripts/run-k-skill-proxy.sh +15 -0
  362. package/ext-k-skill/scripts/skill-docs.test.js +1104 -0
  363. package/ext-k-skill/scripts/test_fine_dust.py +284 -0
  364. package/ext-k-skill/scripts/test_ktx_booking.py +204 -0
  365. package/ext-k-skill/scripts/validate-skills.sh +56 -0
  366. package/ext-k-skill/seoul-subway-arrival/SKILL.md +95 -0
  367. package/ext-k-skill/srt-booking/SKILL.md +150 -0
  368. package/ext-k-skill/toss-securities/SKILL.md +106 -0
  369. package/ext-k-skill/tsconfig.json +24 -0
  370. package/ext-k-skill/used-car-price-search/SKILL.md +119 -0
  371. package/ext-k-skill/zipcode-search/SKILL.md +144 -0
  372. package/hooks/install.sh +131 -0
  373. package/hooks/suggest-skills.sh +94 -0
  374. package/hooks/watch-files.sh +86 -0
  375. package/manage-decisions/SKILL.md +215 -0
  376. package/package.json +1 -1
  377. package/role-team-lead/SKILL.md +65 -0
  378. package/role-team-member/SKILL.md +74 -0
  379. package/{dev-conventions → rules-dev}/SKILL.md +2 -2
  380. package/rules-docs/SKILL.md +126 -0
  381. package/rules-product/SKILL.md +268 -0
  382. package/{react-components → rules-react}/README.md +1 -1
  383. package/rules-react/SKILL.md +39 -0
  384. package/rules-react/package.json +15 -0
  385. package/{implementation-workflow → rules-workflow}/SKILL.md +2 -2
  386. package/{obsidian-sync → tools-obsidian}/SKILL.md +2 -2
  387. package/{shadcn-ui → tools-shadcn}/SKILL.md +1 -1
  388. package/verify-code/SKILL.md +134 -0
  389. package/verify-docs/SKILL.md +92 -16
  390. package/verify-performance/SKILL.md +221 -0
  391. package/verify-security/SKILL.md +205 -0
  392. package/design-md/README.md +0 -34
  393. package/design-md/SKILL.md +0 -172
  394. package/design-md/examples/DESIGN.md +0 -154
  395. package/enhance-prompt/README.md +0 -34
  396. package/enhance-prompt/SKILL.md +0 -204
  397. package/enhance-prompt/references/KEYWORDS.md +0 -114
  398. package/manage-docs/SKILL.md +0 -389
  399. package/react-components/SKILL.md +0 -47
  400. package/react-components/package.json +0 -16
  401. package/remotion/README.md +0 -105
  402. package/remotion/SKILL.md +0 -393
  403. package/remotion/examples/WalkthroughComposition.tsx +0 -78
  404. package/remotion/examples/screens.json +0 -56
  405. package/remotion/resources/composition-checklist.md +0 -124
  406. package/remotion/resources/screen-slide-template.tsx +0 -123
  407. package/remotion/scripts/download-stitch-asset.sh +0 -38
  408. package/stitch-loop/README.md +0 -54
  409. package/stitch-loop/SKILL.md +0 -203
  410. package/stitch-loop/examples/SITE.md +0 -73
  411. package/stitch-loop/examples/next-prompt.md +0 -25
  412. package/stitch-loop/resources/baton-schema.md +0 -61
  413. package/stitch-loop/resources/site-template.md +0 -104
  414. /package/{react-components → rules-react}/examples/gold-standard-card.tsx +0 -0
  415. /package/{react-components → rules-react}/resources/architecture-checklist.md +0 -0
  416. /package/{react-components → rules-react}/resources/component-template.tsx +0 -0
  417. /package/{react-components → rules-react}/resources/stitch-api-reference.md +0 -0
  418. /package/{react-components → rules-react}/resources/style-guide.json +0 -0
  419. /package/{react-components → rules-react}/scripts/fetch-stitch.sh +0 -0
  420. /package/{react-components → rules-react}/scripts/validate.js +0 -0
  421. /package/{shadcn-ui → tools-shadcn}/README.md +0 -0
  422. /package/{shadcn-ui → tools-shadcn}/examples/auth-layout.tsx +0 -0
  423. /package/{shadcn-ui → tools-shadcn}/examples/data-table.tsx +0 -0
  424. /package/{shadcn-ui → tools-shadcn}/examples/form-pattern.tsx +0 -0
  425. /package/{shadcn-ui → tools-shadcn}/resources/component-catalog.md +0 -0
  426. /package/{shadcn-ui → tools-shadcn}/resources/customization-guide.md +0 -0
  427. /package/{shadcn-ui → tools-shadcn}/resources/migration-guide.md +0 -0
  428. /package/{shadcn-ui → tools-shadcn}/resources/setup-guide.md +0 -0
  429. /package/{shadcn-ui → tools-shadcn}/scripts/verify-setup.sh +0 -0
package/ext-awesome-design/design-md/uber/preview-dark.html ADDED
@@ -0,0 +1,1164 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Design System Preview: Uber (Dark)</title>
7
+ <link rel="preconnect" href="https://fonts.googleapis.com">
8
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9
+ <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,700&display=swap" rel="stylesheet">
10
+ <style>
11
+ :root {
12
+ /* Primary */
13
+ --color-black: #000000;
14
+ --color-white: #ffffff;
15
+ /* Interactive */
16
+ --color-hover-gray: #e2e2e2;
17
+ --color-hover-light: #f3f3f3;
18
+ --color-chip-gray: #efefef;
19
+ /* Text */
20
+ --color-body-gray: #4b4b4b;
21
+ --color-muted-gray: #afafaf;
22
+ /* Shadows */
23
+ --shadow-card: rgba(0, 0, 0, 0.12) 0px 4px 16px 0px;
24
+ --shadow-medium: rgba(0, 0, 0, 0.16) 0px 4px 16px 0px;
25
+ --shadow-float: rgba(0, 0, 0, 0.16) 0px 2px 8px 0px;
26
+ --shadow-press: rgba(0, 0, 0, 0.08) 0px 0px 0px 999px inset;
27
+ /* Fonts */
28
+ --font-display: 'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;
29
+ --font-body: 'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;
30
+ /* Light mode tokens */
31
+ --bg-page: #000000;
32
+ --bg-card: #111111;
33
+ --bg-nav: rgba(0,0,0,0.92);
34
+ --text-primary: #ffffff;
35
+ --text-secondary: #afafaf;
36
+ --text-tertiary: #6b6b6b;
37
+ --border-color: #2a2a2a;
38
+ --section-label-color: #afafaf;
39
+ }
40
+
41
+ * { margin: 0; padding: 0; box-sizing: border-box; }
42
+
43
+ body {
44
+ background: var(--bg-page);
45
+ color: var(--text-primary);
46
+ font-family: var(--font-body);
47
+ font-size: 16px;
48
+ line-height: 1.50;
49
+ -webkit-font-smoothing: antialiased;
50
+ }
51
+
52
+ /* NAV */
53
+ .nav {
54
+ position: sticky;
55
+ top: 0;
56
+ z-index: 100;
57
+ display: flex;
58
+ align-items: center;
59
+ justify-content: space-between;
60
+ padding: 16px 40px;
61
+ background: var(--bg-nav);
62
+ backdrop-filter: blur(12px);
63
+ border-bottom: 1px solid var(--border-color);
64
+ }
65
+ .nav-brand {
66
+ font-family: var(--font-display);
67
+ font-size: 18px;
68
+ font-weight: 700;
69
+ color: var(--text-primary);
70
+ display: flex;
71
+ align-items: center;
72
+ gap: 10px;
73
+ }
74
+ .nav-brand .logo-mark {
75
+ display: inline-flex;
76
+ align-items: center;
77
+ justify-content: center;
78
+ width: 28px;
79
+ height: 28px;
80
+ background: var(--color-black);
81
+ border-radius: 8px;
82
+ color: var(--color-white);
83
+ font-family: var(--font-display);
84
+ font-size: 14px;
85
+ font-weight: 700;
86
+ }
87
+ .nav-links { display: flex; gap: 24px; align-items: center; }
88
+ .nav-links a {
89
+ color: var(--text-secondary);
90
+ text-decoration: none;
91
+ font-size: 14px;
92
+ font-weight: 500;
93
+ font-family: var(--font-body);
94
+ transition: color 0.2s;
95
+ }
96
+ .nav-links a:hover { color: var(--text-primary); }
97
+ .nav-cta {
98
+ background: var(--color-black);
99
+ color: var(--color-white);
100
+ padding: 10px 20px;
101
+ border: none;
102
+ border-radius: 999px;
103
+ font-size: 14px;
104
+ font-family: var(--font-body);
105
+ font-weight: 500;
106
+ cursor: pointer;
107
+ transition: background 0.2s;
108
+ }
109
+ .nav-cta:hover { background: #333333; }
110
+
111
+ /* HERO */
112
+ .hero {
113
+ position: relative;
114
+ text-align: center;
115
+ padding: 120px 40px 100px;
116
+ overflow: hidden;
117
+ background: var(--bg-page);
118
+ }
119
+ .hero h1 {
120
+ font-family: var(--font-display);
121
+ font-size: 64px;
122
+ font-weight: 700;
123
+ line-height: 1.10;
124
+ letter-spacing: -0.02em;
125
+ margin-bottom: 20px;
126
+ color: var(--text-primary);
127
+ }
128
+ .hero p {
129
+ color: var(--text-secondary);
130
+ font-size: 20px;
131
+ line-height: 1.50;
132
+ max-width: 560px;
133
+ margin: 0 auto 36px;
134
+ font-family: var(--font-body);
135
+ font-weight: 400;
136
+ }
137
+ .hero-actions {
138
+ display: flex;
139
+ gap: 12px;
140
+ justify-content: center;
141
+ }
142
+ .btn-primary {
143
+ background: var(--color-black);
144
+ color: var(--color-white);
145
+ padding: 14px 28px;
146
+ border: none;
147
+ border-radius: 999px;
148
+ font-size: 16px;
149
+ font-family: var(--font-body);
150
+ font-weight: 500;
151
+ cursor: pointer;
152
+ transition: background 0.2s;
153
+ }
154
+ .btn-primary:hover { background: #222222; }
155
+ .btn-secondary {
156
+ background: var(--color-white);
157
+ color: var(--color-black);
158
+ padding: 14px 28px;
159
+ border: 1px solid var(--color-black);
160
+ border-radius: 999px;
161
+ font-size: 16px;
162
+ font-family: var(--font-body);
163
+ font-weight: 500;
164
+ cursor: pointer;
165
+ transition: all 0.2s;
166
+ }
167
+ .btn-secondary:hover { background: var(--color-hover-gray); }
168
+
169
+ /* SECTIONS */
170
+ .section {
171
+ padding: 80px 40px;
172
+ max-width: 1136px;
173
+ margin: 0 auto;
174
+ }
175
+ .section-label {
176
+ font-family: var(--font-body);
177
+ font-size: 12px;
178
+ font-weight: 500;
179
+ text-transform: uppercase;
180
+ letter-spacing: 0.08em;
181
+ color: var(--text-tertiary);
182
+ margin-bottom: 8px;
183
+ }
184
+ .section-title {
185
+ font-family: var(--font-display);
186
+ font-size: 36px;
187
+ font-weight: 700;
188
+ line-height: 1.22;
189
+ margin-bottom: 48px;
190
+ color: var(--text-primary);
191
+ }
192
+ .section-divider {
193
+ border: none;
194
+ border-top: 1px solid var(--border-color);
195
+ margin: 0 40px;
196
+ max-width: 1136px;
197
+ margin-left: auto;
198
+ margin-right: auto;
199
+ }
200
+
201
+ /* COLOR PALETTE */
202
+ .color-grid {
203
+ display: grid;
204
+ grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
205
+ gap: 16px;
206
+ }
207
+ .color-card {
208
+ border-radius: 12px;
209
+ overflow: hidden;
210
+ box-shadow: var(--shadow-card);
211
+ }
212
+ .color-swatch {
213
+ height: 100px;
214
+ width: 100%;
215
+ }
216
+ .color-info {
217
+ padding: 16px;
218
+ background: var(--bg-card);
219
+ }
220
+ .color-name {
221
+ font-family: var(--font-body);
222
+ font-size: 14px;
223
+ font-weight: 700;
224
+ color: var(--text-primary);
225
+ margin-bottom: 4px;
226
+ }
227
+ .color-hex {
228
+ font-family: var(--font-body);
229
+ font-size: 13px;
230
+ color: var(--text-secondary);
231
+ }
232
+ .color-role {
233
+ font-family: var(--font-body);
234
+ font-size: 12px;
235
+ color: var(--text-tertiary);
236
+ margin-top: 4px;
237
+ }
238
+
239
+ /* TYPOGRAPHY */
240
+ .type-table {
241
+ width: 100%;
242
+ border-collapse: collapse;
243
+ }
244
+ .type-table th {
245
+ text-align: left;
246
+ font-family: var(--font-body);
247
+ font-size: 12px;
248
+ font-weight: 500;
249
+ text-transform: uppercase;
250
+ letter-spacing: 0.06em;
251
+ color: var(--text-tertiary);
252
+ padding: 12px 16px;
253
+ border-bottom: 1px solid var(--border-color);
254
+ }
255
+ .type-table td {
256
+ padding: 20px 16px;
257
+ border-bottom: 1px solid var(--border-color);
258
+ vertical-align: middle;
259
+ }
260
+ .type-sample {
261
+ font-family: var(--font-display);
262
+ color: var(--text-primary);
263
+ }
264
+ .type-meta {
265
+ font-family: var(--font-body);
266
+ font-size: 13px;
267
+ color: var(--text-secondary);
268
+ }
269
+
270
+ /* BUTTONS */
271
+ .button-grid {
272
+ display: flex;
273
+ flex-wrap: wrap;
274
+ gap: 24px;
275
+ align-items: flex-start;
276
+ }
277
+ .button-showcase {
278
+ display: flex;
279
+ flex-direction: column;
280
+ gap: 10px;
281
+ align-items: flex-start;
282
+ }
283
+ .button-showcase-label {
284
+ font-family: var(--font-body);
285
+ font-size: 12px;
286
+ font-weight: 500;
287
+ text-transform: uppercase;
288
+ letter-spacing: 0.06em;
289
+ color: var(--text-tertiary);
290
+ margin-bottom: 4px;
291
+ }
292
+ .btn-chip {
293
+ background: var(--color-chip-gray);
294
+ color: var(--color-black);
295
+ padding: 14px 20px;
296
+ border: none;
297
+ border-radius: 999px;
298
+ font-size: 14px;
299
+ font-family: var(--font-body);
300
+ font-weight: 500;
301
+ cursor: pointer;
302
+ transition: background 0.2s;
303
+ }
304
+ .btn-chip:hover { background: var(--color-hover-gray); }
305
+ .btn-chip.active {
306
+ background: var(--color-black);
307
+ color: var(--color-white);
308
+ }
309
+ .btn-float {
310
+ background: var(--color-white);
311
+ color: var(--color-black);
312
+ padding: 14px;
313
+ border: none;
314
+ border-radius: 999px;
315
+ font-size: 14px;
316
+ font-family: var(--font-body);
317
+ font-weight: 500;
318
+ cursor: pointer;
319
+ box-shadow: var(--shadow-float);
320
+ transition: background 0.2s;
321
+ }
322
+ .btn-float:hover { background: var(--color-hover-light); }
323
+
324
+ /* DARK BUTTON ROW */
325
+ .dark-button-row {
326
+ background: var(--color-black);
327
+ border-radius: 16px;
328
+ padding: 32px;
329
+ display: flex;
330
+ flex-wrap: wrap;
331
+ gap: 16px;
332
+ align-items: center;
333
+ margin-top: 24px;
334
+ }
335
+ .dark-button-row .button-showcase-label {
336
+ color: var(--color-muted-gray);
337
+ width: 100%;
338
+ }
339
+ .btn-white {
340
+ background: var(--color-white);
341
+ color: var(--color-black);
342
+ padding: 10px 20px;
343
+ border: none;
344
+ border-radius: 999px;
345
+ font-size: 14px;
346
+ font-family: var(--font-body);
347
+ font-weight: 500;
348
+ cursor: pointer;
349
+ transition: background 0.2s;
350
+ }
351
+ .btn-white:hover { background: var(--color-hover-gray); }
352
+
353
+ /* CARDS */
354
+ .card-grid {
355
+ display: grid;
356
+ grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
357
+ gap: 24px;
358
+ }
359
+ .card {
360
+ background: var(--bg-card);
361
+ border-radius: 12px;
362
+ overflow: hidden;
363
+ box-shadow: var(--shadow-card);
364
+ transition: transform 0.2s, box-shadow 0.2s;
365
+ }
366
+ .card:hover {
367
+ transform: translateY(-2px);
368
+ box-shadow: var(--shadow-medium);
369
+ }
370
+ .card-image {
371
+ width: 100%;
372
+ height: 200px;
373
+ object-fit: cover;
374
+ }
375
+ .card-image-placeholder {
376
+ width: 100%;
377
+ height: 200px;
378
+ display: flex;
379
+ align-items: center;
380
+ justify-content: center;
381
+ font-family: var(--font-body);
382
+ font-size: 14px;
383
+ color: var(--text-tertiary);
384
+ }
385
+ .card-image-placeholder.warm-1 {
386
+ background: linear-gradient(135deg, #f7c59f, #f0a66e);
387
+ }
388
+ .card-image-placeholder.warm-2 {
389
+ background: linear-gradient(135deg, #a8d8ea, #7ec8c8);
390
+ }
391
+ .card-image-placeholder.warm-3 {
392
+ background: linear-gradient(135deg, #c4b5fd, #a78bfa);
393
+ }
394
+ .card-body {
395
+ padding: 24px;
396
+ }
397
+ .card-title {
398
+ font-family: var(--font-display);
399
+ font-size: 24px;
400
+ font-weight: 700;
401
+ line-height: 1.33;
402
+ margin-bottom: 8px;
403
+ color: var(--text-primary);
404
+ }
405
+ .card-desc {
406
+ font-family: var(--font-body);
407
+ font-size: 16px;
408
+ color: var(--text-secondary);
409
+ line-height: 1.50;
410
+ margin-bottom: 16px;
411
+ }
412
+ .card-cta {
413
+ background: var(--color-black);
414
+ color: var(--color-white);
415
+ padding: 10px 20px;
416
+ border: none;
417
+ border-radius: 999px;
418
+ font-size: 14px;
419
+ font-family: var(--font-body);
420
+ font-weight: 500;
421
+ cursor: pointer;
422
+ display: inline-block;
423
+ }
424
+
425
+ /* FORM ELEMENTS */
426
+ .form-grid {
427
+ display: grid;
428
+ grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
429
+ gap: 24px;
430
+ }
431
+ .form-group {
432
+ display: flex;
433
+ flex-direction: column;
434
+ gap: 8px;
435
+ }
436
+ .form-label {
437
+ font-family: var(--font-body);
438
+ font-size: 14px;
439
+ font-weight: 500;
440
+ color: var(--text-primary);
441
+ }
442
+ .form-input {
443
+ font-family: var(--font-body);
444
+ font-size: 16px;
445
+ padding: 14px 16px;
446
+ border: 1px solid #c0c0c0;
447
+ border-radius: 8px;
448
+ background: var(--color-white);
449
+ color: var(--text-primary);
450
+ transition: border-color 0.2s;
451
+ outline: none;
452
+ }
453
+ .form-input:focus {
454
+ border-color: var(--color-black);
455
+ box-shadow: 0 0 0 1px var(--color-black);
456
+ }
457
+ .form-input::placeholder {
458
+ color: var(--text-tertiary);
459
+ }
460
+ .form-select {
461
+ font-family: var(--font-body);
462
+ font-size: 16px;
463
+ padding: 14px 16px;
464
+ border: 1px solid #c0c0c0;
465
+ border-radius: 8px;
466
+ background: var(--color-white);
467
+ color: var(--text-primary);
468
+ outline: none;
469
+ appearance: none;
470
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23000' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
471
+ background-repeat: no-repeat;
472
+ background-position: right 16px center;
473
+ cursor: pointer;
474
+ }
475
+ .form-select:focus {
476
+ border-color: var(--color-black);
477
+ box-shadow: 0 0 0 1px var(--color-black);
478
+ }
479
+ .form-textarea {
480
+ font-family: var(--font-body);
481
+ font-size: 16px;
482
+ padding: 14px 16px;
483
+ border: 1px solid #c0c0c0;
484
+ border-radius: 8px;
485
+ background: var(--color-white);
486
+ color: var(--text-primary);
487
+ outline: none;
488
+ resize: vertical;
489
+ min-height: 100px;
490
+ }
491
+ .form-textarea:focus {
492
+ border-color: var(--color-black);
493
+ box-shadow: 0 0 0 1px var(--color-black);
494
+ }
495
+ .form-checkbox-group {
496
+ display: flex;
497
+ align-items: center;
498
+ gap: 10px;
499
+ }
500
+ .form-checkbox {
501
+ width: 20px;
502
+ height: 20px;
503
+ accent-color: var(--color-black);
504
+ cursor: pointer;
505
+ }
506
+
507
+ /* CHIP ROW */
508
+ .chip-row {
509
+ display: flex;
510
+ flex-wrap: wrap;
511
+ gap: 10px;
512
+ margin-bottom: 24px;
513
+ }
514
+
515
+ /* SPACING SCALE */
516
+ .spacing-row {
517
+ display: flex;
518
+ align-items: center;
519
+ gap: 20px;
520
+ margin-bottom: 10px;
521
+ }
522
+ .spacing-label {
523
+ font-family: var(--font-body);
524
+ font-size: 13px;
525
+ font-weight: 500;
526
+ color: var(--text-secondary);
527
+ width: 60px;
528
+ text-align: right;
529
+ flex-shrink: 0;
530
+ }
531
+ .spacing-bar {
532
+ height: 24px;
533
+ background: var(--color-black);
534
+ border-radius: 4px;
535
+ transition: width 0.3s;
536
+ }
537
+ .spacing-value {
538
+ font-family: var(--font-body);
539
+ font-size: 12px;
540
+ color: var(--text-tertiary);
541
+ flex-shrink: 0;
542
+ width: 50px;
543
+ }
544
+
545
+ /* RADIUS SCALE */
546
+ .radius-grid {
547
+ display: flex;
548
+ flex-wrap: wrap;
549
+ gap: 24px;
550
+ align-items: flex-end;
551
+ }
552
+ .radius-item {
553
+ display: flex;
554
+ flex-direction: column;
555
+ align-items: center;
556
+ gap: 10px;
557
+ }
558
+ .radius-box {
559
+ width: 80px;
560
+ height: 80px;
561
+ background: var(--color-chip-gray);
562
+ border: 2px solid var(--color-black);
563
+ }
564
+ .radius-label {
565
+ font-family: var(--font-body);
566
+ font-size: 13px;
567
+ font-weight: 500;
568
+ color: var(--text-secondary);
569
+ }
570
+ .radius-value {
571
+ font-family: var(--font-body);
572
+ font-size: 12px;
573
+ color: var(--text-tertiary);
574
+ }
575
+
576
+ /* ELEVATION */
577
+ .elevation-grid {
578
+ display: grid;
579
+ grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
580
+ gap: 24px;
581
+ }
582
+ .elevation-card {
583
+ height: 140px;
584
+ border-radius: 12px;
585
+ display: flex;
586
+ flex-direction: column;
587
+ align-items: center;
588
+ justify-content: center;
589
+ gap: 8px;
590
+ background: var(--bg-card);
591
+ }
592
+ .elevation-card.flat {
593
+ border: 1px solid var(--border-color);
594
+ }
595
+ .elevation-card.subtle {
596
+ box-shadow: rgba(0,0,0,0.12) 0px 4px 16px 0px;
597
+ }
598
+ .elevation-card.medium {
599
+ box-shadow: rgba(0,0,0,0.16) 0px 4px 16px 0px;
600
+ }
601
+ .elevation-card.floating {
602
+ box-shadow: rgba(0,0,0,0.16) 0px 2px 8px 0px;
603
+ transform: translateY(-2px);
604
+ }
605
+ .elevation-card.pressed {
606
+ box-shadow: rgba(0,0,0,0.08) 0px 0px 0px 999px inset;
607
+ }
608
+ .elevation-name {
609
+ font-family: var(--font-body);
610
+ font-size: 14px;
611
+ font-weight: 700;
612
+ color: var(--text-primary);
613
+ }
614
+ .elevation-desc {
615
+ font-family: var(--font-body);
616
+ font-size: 12px;
617
+ color: var(--text-tertiary);
618
+ text-align: center;
619
+ padding: 0 12px;
620
+ }
621
+
622
+ /* FOOTER */
623
+ .footer {
624
+ background: var(--color-black);
625
+ color: var(--color-white);
626
+ padding: 64px 40px 40px;
627
+ }
628
+ .footer-inner {
629
+ max-width: 1136px;
630
+ margin: 0 auto;
631
+ }
632
+ .footer-brand {
633
+ font-family: var(--font-display);
634
+ font-size: 18px;
635
+ font-weight: 700;
636
+ margin-bottom: 40px;
637
+ display: flex;
638
+ align-items: center;
639
+ gap: 10px;
640
+ }
641
+ .footer-brand .logo-mark {
642
+ display: inline-flex;
643
+ align-items: center;
644
+ justify-content: center;
645
+ width: 28px;
646
+ height: 28px;
647
+ background: var(--color-white);
648
+ border-radius: 8px;
649
+ color: var(--color-black);
650
+ font-size: 14px;
651
+ font-weight: 700;
652
+ }
653
+ .footer-grid {
654
+ display: grid;
655
+ grid-template-columns: repeat(4, 1fr);
656
+ gap: 32px;
657
+ margin-bottom: 48px;
658
+ }
659
+ .footer-col-title {
660
+ font-family: var(--font-body);
661
+ font-size: 14px;
662
+ font-weight: 700;
663
+ color: var(--color-white);
664
+ margin-bottom: 16px;
665
+ }
666
+ .footer-col a {
667
+ display: block;
668
+ font-family: var(--font-body);
669
+ font-size: 14px;
670
+ color: var(--color-muted-gray);
671
+ text-decoration: none;
672
+ line-height: 2.0;
673
+ transition: color 0.2s;
674
+ }
675
+ .footer-col a:hover { color: var(--color-white); }
676
+ .footer-divider {
677
+ border: none;
678
+ border-top: 1px solid #333333;
679
+ margin-bottom: 24px;
680
+ }
681
+ .footer-bottom {
682
+ font-family: var(--font-body);
683
+ font-size: 12px;
684
+ color: var(--color-muted-gray);
685
+ }
686
+
687
+ @media (max-width: 768px) {
688
+ .nav { padding: 12px 20px; }
689
+ .nav-links { display: none; }
690
+ .hero { padding: 80px 20px 60px; }
691
+ .hero h1 { font-size: 36px; }
692
+ .hero p { font-size: 16px; }
693
+ .section { padding: 60px 20px; }
694
+ .section-title { font-size: 28px; margin-bottom: 32px; }
695
+ .footer-grid { grid-template-columns: repeat(2, 1fr); }
696
+ .hero-actions { flex-direction: column; align-items: center; }
697
+ }
698
+ </style>
699
+ </head>
700
+ <body>
701
+
702
+ <!-- NAV -->
703
+ <nav class="nav">
704
+ <div class="nav-brand">
705
+ awesome-design-md
706
+ </div>
707
+ <div class="nav-links">
708
+ <a href="#">Colors</a>
709
+ <a href="#">Typography</a>
710
+ <a href="#">Components</a>
711
+ <a href="#">Tokens</a>
712
+ </div>
713
+ <button class="nav-cta">Get Started</button>
714
+ </nav>
715
+ <div style="position:fixed;top:16px;right:16px;z-index:200;background:#ffffff;color:#000000;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;">Dark Mode</div>
716
+
717
+ <!-- HERO -->
718
+ <section class="hero">
719
+ <h1>Design System<br>Inspired by Uber</h1>
720
+ <p>A bold, black-and-white design language built for clarity, efficiency, and confident minimalism. Every element serves a purpose.</p>
721
+ <div class="hero-actions">
722
+ <button class="btn-primary">Explore Tokens</button>
723
+ <button class="btn-secondary">View Source</button>
724
+ </div>
725
+ </section>
726
+
727
+ <hr class="section-divider">
728
+
729
+ <!-- COLOR PALETTE -->
730
+ <section class="section" id="colors">
731
+ <div class="section-label">Color Palette</div>
732
+ <h2 class="section-title">Stark Duality</h2>
733
+ <div class="color-grid">
734
+ <div class="color-card">
735
+ <div class="color-swatch" style="background:#000000;"></div>
736
+ <div class="color-info">
737
+ <div class="color-name">Uber Black</div>
738
+ <div class="color-hex">#000000</div>
739
+ <div class="color-role">Primary CTA, headings, nav, footer</div>
740
+ </div>
741
+ </div>
742
+ <div class="color-card">
743
+ <div class="color-swatch" style="background:#ffffff; border-bottom:1px solid #efefef;"></div>
744
+ <div class="color-info">
745
+ <div class="color-name">Pure White</div>
746
+ <div class="color-hex">#ffffff</div>
747
+ <div class="color-role">Page background, card surface, inverse text</div>
748
+ </div>
749
+ </div>
750
+ <div class="color-card">
751
+ <div class="color-swatch" style="background:#efefef;"></div>
752
+ <div class="color-info">
753
+ <div class="color-name">Chip Gray</div>
754
+ <div class="color-hex">#efefef</div>
755
+ <div class="color-role">Chip buttons, filter toggles, borders</div>
756
+ </div>
757
+ </div>
758
+ <div class="color-card">
759
+ <div class="color-swatch" style="background:#e2e2e2;"></div>
760
+ <div class="color-info">
761
+ <div class="color-name">Hover Gray</div>
762
+ <div class="color-hex">#e2e2e2</div>
763
+ <div class="color-role">Button hover state</div>
764
+ </div>
765
+ </div>
766
+ <div class="color-card">
767
+ <div class="color-swatch" style="background:#f3f3f3;"></div>
768
+ <div class="color-info">
769
+ <div class="color-name">Hover Light</div>
770
+ <div class="color-hex">#f3f3f3</div>
771
+ <div class="color-role">Subtle hover for floating buttons</div>
772
+ </div>
773
+ </div>
774
+ <div class="color-card">
775
+ <div class="color-swatch" style="background:#4b4b4b;"></div>
776
+ <div class="color-info">
777
+ <div class="color-name">Body Gray</div>
778
+ <div class="color-hex">#4b4b4b</div>
779
+ <div class="color-role">Secondary text, descriptions</div>
780
+ </div>
781
+ </div>
782
+ <div class="color-card">
783
+ <div class="color-swatch" style="background:#afafaf;"></div>
784
+ <div class="color-info">
785
+ <div class="color-name">Muted Gray</div>
786
+ <div class="color-hex">#afafaf</div>
787
+ <div class="color-role">Tertiary text, footer links, placeholders</div>
788
+ </div>
789
+ </div>
790
+ <div class="color-card">
791
+ <div class="color-swatch" style="background:#0000ee;"></div>
792
+ <div class="color-info">
793
+ <div class="color-name">Default Link Blue</div>
794
+ <div class="color-hex">#0000ee</div>
795
+ <div class="color-role">Underlined text links in body content</div>
796
+ </div>
797
+ </div>
798
+ </div>
799
+ </section>
800
+
801
+ <hr class="section-divider">
802
+
803
+ <!-- TYPOGRAPHY -->
804
+ <section class="section" id="typography">
805
+ <div class="section-label">Typography Scale</div>
806
+ <h2 class="section-title">UberMove Type System</h2>
807
+ <table class="type-table">
808
+ <thead>
809
+ <tr>
810
+ <th>Sample</th>
811
+ <th>Role</th>
812
+ <th>Specs</th>
813
+ </tr>
814
+ </thead>
815
+ <tbody>
816
+ <tr>
817
+ <td><span class="type-sample" style="font-size:52px; font-weight:700; line-height:1.23;">Display Hero</span></td>
818
+ <td class="type-meta">Display / Hero</td>
819
+ <td class="type-meta">52px / Bold 700 / 1.23</td>
820
+ </tr>
821
+ <tr>
822
+ <td><span class="type-sample" style="font-size:36px; font-weight:700; line-height:1.22;">Section Heading</span></td>
823
+ <td class="type-meta">Section Heading</td>
824
+ <td class="type-meta">36px / Bold 700 / 1.22</td>
825
+ </tr>
826
+ <tr>
827
+ <td><span class="type-sample" style="font-size:32px; font-weight:700; line-height:1.25;">Card Title</span></td>
828
+ <td class="type-meta">Card Title</td>
829
+ <td class="type-meta">32px / Bold 700 / 1.25</td>
830
+ </tr>
831
+ <tr>
832
+ <td><span class="type-sample" style="font-size:24px; font-weight:700; line-height:1.33;">Sub-heading</span></td>
833
+ <td class="type-meta">Sub-heading</td>
834
+ <td class="type-meta">24px / Bold 700 / 1.33</td>
835
+ </tr>
836
+ <tr>
837
+ <td><span class="type-sample" style="font-size:20px; font-weight:700; line-height:1.40;">Small Heading</span></td>
838
+ <td class="type-meta">Small Heading</td>
839
+ <td class="type-meta">20px / Bold 700 / 1.40</td>
840
+ </tr>
841
+ <tr>
842
+ <td><span class="type-sample" style="font-size:18px; font-weight:500; line-height:1.33;">Navigation / UI Large</span></td>
843
+ <td class="type-meta">Nav / UI Large</td>
844
+ <td class="type-meta">18px / Medium 500 / 1.33</td>
845
+ </tr>
846
+ <tr>
847
+ <td><span class="type-sample" style="font-size:16px; font-weight:400; line-height:1.50;">Body text and button labels</span></td>
848
+ <td class="type-meta">Body / Button</td>
849
+ <td class="type-meta">16px / Regular 400 / 1.50</td>
850
+ </tr>
851
+ <tr>
852
+ <td><span class="type-sample" style="font-size:14px; font-weight:500; line-height:1.43;">Caption and metadata</span></td>
853
+ <td class="type-meta">Caption</td>
854
+ <td class="type-meta">14px / Medium 500 / 1.43</td>
855
+ </tr>
856
+ <tr>
857
+ <td><span class="type-sample" style="font-size:12px; font-weight:400; line-height:1.67;">Micro text and fine print</span></td>
858
+ <td class="type-meta">Micro</td>
859
+ <td class="type-meta">12px / Regular 400 / 1.67</td>
860
+ </tr>
861
+ </tbody>
862
+ </table>
863
+ </section>
864
+
865
+ <hr class="section-divider">
866
+
867
+ <!-- BUTTONS -->
868
+ <section class="section" id="buttons">
869
+ <div class="section-label">Button Variants</div>
870
+ <h2 class="section-title">Pill-Shaped Actions</h2>
871
+
872
+ <div class="button-grid">
873
+ <div class="button-showcase">
874
+ <div class="button-showcase-label">Primary Black</div>
875
+ <button class="btn-primary">Get Started</button>
876
+ </div>
877
+ <div class="button-showcase">
878
+ <div class="button-showcase-label">Secondary Outline</div>
879
+ <button class="btn-secondary">Learn More</button>
880
+ </div>
881
+ <div class="button-showcase">
882
+ <div class="button-showcase-label">Chip / Filter</div>
883
+ <button class="btn-chip">Ride</button>
884
+ </div>
885
+ <div class="button-showcase">
886
+ <div class="button-showcase-label">Chip Active</div>
887
+ <button class="btn-chip active">Drive</button>
888
+ </div>
889
+ <div class="button-showcase">
890
+ <div class="button-showcase-label">Floating</div>
891
+ <button class="btn-float">Scroll Top</button>
892
+ </div>
893
+ </div>
894
+
895
+ <div class="dark-button-row">
896
+ <div class="button-showcase-label">On Dark Surface</div>
897
+ <button class="btn-white">Sign Up</button>
898
+ <button class="btn-white">Request a Ride</button>
899
+ <button class="btn-chip" style="background: rgba(255,255,255,0.12); color: #fff;">Uber Eats</button>
900
+ </div>
901
+
902
+ <div style="margin-top:32px;">
903
+ <div class="button-showcase-label" style="margin-bottom:12px;">Chip Navigation Row</div>
904
+ <div class="chip-row">
905
+ <button class="btn-chip active">Ride</button>
906
+ <button class="btn-chip">Drive</button>
907
+ <button class="btn-chip">Business</button>
908
+ <button class="btn-chip">Uber Eats</button>
909
+ <button class="btn-chip">About</button>
910
+ </div>
911
+ </div>
912
+ </section>
913
+
914
+ <hr class="section-divider">
915
+
916
+ <!-- CARDS -->
917
+ <section class="section" id="cards">
918
+ <div class="section-label">Card Examples</div>
919
+ <h2 class="section-title">Content Cards</h2>
920
+ <div class="card-grid">
921
+ <div class="card">
922
+ <div class="card-image-placeholder warm-1">
923
+ <span>Illustration</span>
924
+ </div>
925
+ <div class="card-body">
926
+ <div class="card-title">Plan for later</div>
927
+ <div class="card-desc">Reserve your ride in advance so you can relax on the day of your trip.</div>
928
+ <button class="card-cta">Reserve now</button>
929
+ </div>
930
+ </div>
931
+ <div class="card">
932
+ <div class="card-image-placeholder warm-2">
933
+ <span>Illustration</span>
934
+ </div>
935
+ <div class="card-body">
936
+ <div class="card-title">Drive when you want</div>
937
+ <div class="card-desc">Make what you need in the time you have. Set your own hours and earn on your schedule.</div>
938
+ <button class="card-cta">Start driving</button>
939
+ </div>
940
+ </div>
941
+ <div class="card">
942
+ <div class="card-image-placeholder warm-3">
943
+ <span>Illustration</span>
944
+ </div>
945
+ <div class="card-body">
946
+ <div class="card-title">Business accounts</div>
947
+ <div class="card-desc">Simplify travel and meal management for your company with centralized billing.</div>
948
+ <button class="card-cta">Get started</button>
949
+ </div>
950
+ </div>
951
+ </div>
952
+ </section>
953
+
954
+ <hr class="section-divider">
955
+
956
+ <!-- FORM ELEMENTS -->
957
+ <section class="section" id="forms">
958
+ <div class="section-label">Form Elements</div>
959
+ <h2 class="section-title">Input Components</h2>
960
+ <div class="form-grid">
961
+ <div class="form-group">
962
+ <label class="form-label">Pickup location</label>
963
+ <input type="text" class="form-input" placeholder="Enter pickup location" />
964
+ </div>
965
+ <div class="form-group">
966
+ <label class="form-label">Destination</label>
967
+ <input type="text" class="form-input" placeholder="Where to?" />
968
+ </div>
969
+ <div class="form-group">
970
+ <label class="form-label">Ride type</label>
971
+ <select class="form-select">
972
+ <option>UberX</option>
973
+ <option>Uber Comfort</option>
974
+ <option>Uber Black</option>
975
+ <option>Uber XL</option>
976
+ </select>
977
+ </div>
978
+ <div class="form-group">
979
+ <label class="form-label">Special instructions</label>
980
+ <textarea class="form-textarea" placeholder="Add a note for your driver..."></textarea>
981
+ </div>
982
+ <div class="form-group">
983
+ <div class="form-checkbox-group">
984
+ <input type="checkbox" class="form-checkbox" id="ck1" checked />
985
+ <label class="form-label" for="ck1">Split fare with riders</label>
986
+ </div>
987
+ <div class="form-checkbox-group">
988
+ <input type="checkbox" class="form-checkbox" id="ck2" />
989
+ <label class="form-label" for="ck2">Request quiet ride</label>
990
+ </div>
991
+ </div>
992
+ <div class="form-group" style="align-self: end;">
993
+ <button class="btn-primary" style="width:100%; padding:14px 28px;">See prices</button>
994
+ </div>
995
+ </div>
996
+ </section>
997
+
998
+ <hr class="section-divider">
999
+
1000
+ <!-- SPACING SCALE -->
1001
+ <section class="section" id="spacing">
1002
+ <div class="section-label">Spacing Scale</div>
1003
+ <h2 class="section-title">8px Grid System</h2>
1004
+ <div>
1005
+ <div class="spacing-row">
1006
+ <span class="spacing-label">4px</span>
1007
+ <div class="spacing-bar" style="width:16px;"></div>
1008
+ <span class="spacing-value">0.25rem</span>
1009
+ </div>
1010
+ <div class="spacing-row">
1011
+ <span class="spacing-label">8px</span>
1012
+ <div class="spacing-bar" style="width:32px;"></div>
1013
+ <span class="spacing-value">0.50rem</span>
1014
+ </div>
1015
+ <div class="spacing-row">
1016
+ <span class="spacing-label">12px</span>
1017
+ <div class="spacing-bar" style="width:48px;"></div>
1018
+ <span class="spacing-value">0.75rem</span>
1019
+ </div>
1020
+ <div class="spacing-row">
1021
+ <span class="spacing-label">16px</span>
1022
+ <div class="spacing-bar" style="width:64px;"></div>
1023
+ <span class="spacing-value">1.00rem</span>
1024
+ </div>
1025
+ <div class="spacing-row">
1026
+ <span class="spacing-label">20px</span>
1027
+ <div class="spacing-bar" style="width:80px;"></div>
1028
+ <span class="spacing-value">1.25rem</span>
1029
+ </div>
1030
+ <div class="spacing-row">
1031
+ <span class="spacing-label">24px</span>
1032
+ <div class="spacing-bar" style="width:96px;"></div>
1033
+ <span class="spacing-value">1.50rem</span>
1034
+ </div>
1035
+ <div class="spacing-row">
1036
+ <span class="spacing-label">32px</span>
1037
+ <div class="spacing-bar" style="width:128px;"></div>
1038
+ <span class="spacing-value">2.00rem</span>
1039
+ </div>
1040
+ <div class="spacing-row">
1041
+ <span class="spacing-label">48px</span>
1042
+ <div class="spacing-bar" style="width:192px;"></div>
1043
+ <span class="spacing-value">3.00rem</span>
1044
+ </div>
1045
+ <div class="spacing-row">
1046
+ <span class="spacing-label">64px</span>
1047
+ <div class="spacing-bar" style="width:256px;"></div>
1048
+ <span class="spacing-value">4.00rem</span>
1049
+ </div>
1050
+ </div>
1051
+ </section>
1052
+
1053
+ <hr class="section-divider">
1054
+
1055
+ <!-- BORDER RADIUS -->
1056
+ <section class="section" id="radius">
1057
+ <div class="section-label">Border Radius Scale</div>
1058
+ <h2 class="section-title">Corner Shapes</h2>
1059
+ <div class="radius-grid">
1060
+ <div class="radius-item">
1061
+ <div class="radius-box" style="border-radius:0px;"></div>
1062
+ <span class="radius-label">None</span>
1063
+ <span class="radius-value">0px</span>
1064
+ </div>
1065
+ <div class="radius-item">
1066
+ <div class="radius-box" style="border-radius:8px;"></div>
1067
+ <span class="radius-label">Standard</span>
1068
+ <span class="radius-value">8px</span>
1069
+ </div>
1070
+ <div class="radius-item">
1071
+ <div class="radius-box" style="border-radius:12px;"></div>
1072
+ <span class="radius-label">Comfortable</span>
1073
+ <span class="radius-value">12px</span>
1074
+ </div>
1075
+ <div class="radius-item">
1076
+ <div class="radius-box" style="border-radius:999px;"></div>
1077
+ <span class="radius-label">Full Pill</span>
1078
+ <span class="radius-value">999px</span>
1079
+ </div>
1080
+ <div class="radius-item">
1081
+ <div class="radius-box" style="border-radius:50%;"></div>
1082
+ <span class="radius-label">Circle</span>
1083
+ <span class="radius-value">50%</span>
1084
+ </div>
1085
+ </div>
1086
+ </section>
1087
+
1088
+ <hr class="section-divider">
1089
+
1090
+ <!-- ELEVATION / DEPTH -->
1091
+ <section class="section" id="elevation">
1092
+ <div class="section-label">Elevation / Depth</div>
1093
+ <h2 class="section-title">Shadow Hierarchy</h2>
1094
+ <div class="elevation-grid">
1095
+ <div class="elevation-card flat">
1096
+ <span class="elevation-name">Flat</span>
1097
+ <span class="elevation-desc">No shadow, border only</span>
1098
+ </div>
1099
+ <div class="elevation-card subtle">
1100
+ <span class="elevation-name">Subtle</span>
1101
+ <span class="elevation-desc">rgba(0,0,0,0.12) 0 4px 16px</span>
1102
+ </div>
1103
+ <div class="elevation-card medium">
1104
+ <span class="elevation-name">Medium</span>
1105
+ <span class="elevation-desc">rgba(0,0,0,0.16) 0 4px 16px</span>
1106
+ </div>
1107
+ <div class="elevation-card floating">
1108
+ <span class="elevation-name">Floating</span>
1109
+ <span class="elevation-desc">rgba(0,0,0,0.16) 0 2px 8px + lift</span>
1110
+ </div>
1111
+ <div class="elevation-card pressed">
1112
+ <span class="elevation-name">Pressed</span>
1113
+ <span class="elevation-desc">rgba(0,0,0,0.08) inset</span>
1114
+ </div>
1115
+ </div>
1116
+ </section>
1117
+
1118
+ <!-- FOOTER -->
1119
+ <footer class="footer">
1120
+ <div class="footer-inner">
1121
+ <div class="footer-brand">
1122
+ <span class="logo-mark">A</span>
1123
+ awesome-design-md
1124
+ </div>
1125
+ <div class="footer-grid">
1126
+ <div class="footer-col">
1127
+ <div class="footer-col-title">Products</div>
1128
+ <a href="#">Ride</a>
1129
+ <a href="#">Drive</a>
1130
+ <a href="#">Deliver</a>
1131
+ <a href="#">Uber Eats</a>
1132
+ <a href="#">Business</a>
1133
+ </div>
1134
+ <div class="footer-col">
1135
+ <div class="footer-col-title">Company</div>
1136
+ <a href="#">About</a>
1137
+ <a href="#">Newsroom</a>
1138
+ <a href="#">Investors</a>
1139
+ <a href="#">Blog</a>
1140
+ <a href="#">Careers</a>
1141
+ </div>
1142
+ <div class="footer-col">
1143
+ <div class="footer-col-title">Support</div>
1144
+ <a href="#">Help Center</a>
1145
+ <a href="#">Safety</a>
1146
+ <a href="#">Contact</a>
1147
+ <a href="#">Accessibility</a>
1148
+ </div>
1149
+ <div class="footer-col">
1150
+ <div class="footer-col-title">Legal</div>
1151
+ <a href="#">Privacy</a>
1152
+ <a href="#">Terms</a>
1153
+ <a href="#">Cookies</a>
1154
+ </div>
1155
+ </div>
1156
+ <hr class="footer-divider">
1157
+ <div class="footer-bottom">
1158
+ Design system preview for awesome-design-md. Inspired by Uber. Not affiliated.
1159
+ </div>
1160
+ </div>
1161
+ </footer>
1162
+
1163
+ </body>
1164
+ </html>