[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"summary-ef93635379d57357-design-md-makes-ai-uis-consistent-and-on-brand-summary":3,"summaries-facets-categories":100,"summary-related-ef93635379d57357-design-md-makes-ai-uis-consistent-and-on-brand-summary":3685},{"id":4,"title":5,"ai":6,"body":13,"categories":62,"created_at":64,"date_modified":64,"description":56,"extension":65,"faq":64,"featured":66,"kicker_label":64,"meta":67,"navigation":81,"path":82,"published_at":83,"question":64,"scraped_at":84,"seo":85,"sitemap":86,"source_id":87,"source_name":88,"source_type":89,"source_url":90,"stem":91,"tags":92,"thumbnail_url":64,"tldr":96,"tweet":97,"unknown_tags":98,"__hash__":99},"summaries\u002Fsummaries\u002Fef93635379d57357-design-md-makes-ai-uis-consistent-and-on-brand-summary.md","DESIGN.md Makes AI UIs Consistent and On-Brand",{"provider":7,"model":8,"input_tokens":9,"output_tokens":10,"processing_time_ms":11,"cost_usd":12},"openrouter","x-ai\u002Fgrok-4.1-fast",4933,1446,21109,0.0016871,{"type":14,"value":15,"toc":55},"minimark",[16,21,25,28,32,35,38,42,45],[17,18,20],"h2",{"id":19},"stop-ai-guesswork-with-structured-design-rules","Stop AI Guesswork with Structured Design Rules",[22,23,24],"p",{},"AI tools like Cursor, Claude Code, v0, and Stitch build functional apps quickly, but outputs default to generic Tailwind-style UIs: mismatched buttons, inconsistent spacing, and no brand identity. Compare to polished products like Stripe, Linear, or Vercel. The fix is DESIGN.md, Google's open-source markdown format (released April 21, gained 70,000+ GitHub stars in weeks). It injects exact design tokens—hex colors, font families, border radius, spacing—plus explanatory markdown on intent, like \"this blue accent feels clear and trustworthy.\"",[22,26,27],{},"Live demo proves it: Same prompt (\"build a modern dashboard\") without DESIGN.md yields random cards and default energy. Add a Stripe-style DESIGN.md, and results align: cohesive colors, cleaner spacing, unified buttons. AI shifts from guessing to following proven rules, reducing drift across screens and rework on ugly elements.",[17,29,31],{"id":30},"tokens-intent-outperform-raw-specs","Tokens + Intent Outperform Raw Specs",[22,33,34],{},"A strong DESIGN.md covers palette, typography, components, layouts, and accessibility. Hard rules (e.g., exact hex values) pair with judgment calls (why use them), enabling AI to apply taste consistently. Version-controlled in your repo, it's human- and machine-readable—no Figma exports or JSON parsing needed.",[22,36,37],{},"Unlike Figma (human-focused, repo-external), JSON tokens (machine-only, no intent), Cursor rules\u002FClaude MD (behavior guides, not full systems), DESIGN.md bridges gaps. It lives natively with code, works across tools, and scales for prototypes or AI-heavy workflows.",[17,39,41],{"id":40},"trade-offs-and-when-to-adopt","Trade-offs and When to Adopt",[22,43,44],{},"Pros: Zero setup (drop in repo), includes accessibility, community templates for Stripe\u002FLinear\u002FNotion\u002FVercel (awesome repo at 70k stars). Cons: Output quality matches input—a weak file yields weak UIs; not for full creativity.",[22,46,47,48,54],{},"Use it if building with Cursor\u002Fv0\u002FClaude: Grab a template from ",[49,50,51],"a",{"href":51,"rel":52},"https:\u002F\u002Fgithub.com\u002FVoltAgent\u002Fawesome-design-md",[53],"nofollow",", customize for your brand. Result: Less prompting (no more \"make it clean, like Stripe\"), faster consistency, apps that feel like real products, not demos. Ideal for solo devs\u002Fprototypes; skip if you need bespoke design tools.",{"title":56,"searchDepth":57,"depth":57,"links":58},"",2,[59,60,61],{"id":19,"depth":57,"text":20},{"id":30,"depth":57,"text":31},{"id":40,"depth":57,"text":41},[63],"Design & Frontend",null,"md",false,{"content_references":68,"triage":76},[69,73],{"type":70,"title":71,"url":51,"context":72},"other","Design MD Awesome Repo","mentioned",{"type":70,"title":74,"url":75,"context":72},"Design MD Google Stitch","https:\u002F\u002Fstitch.withgoogle.com\u002Fdocs\u002Fdesign-md\u002Foverview",{"relevance":77,"novelty":78,"quality":78,"actionability":77,"composite":79,"reasoning":80},5,4,4.55,"Category: Design & Frontend. The article provides a practical tool (DESIGN.md) that directly addresses the pain point of inconsistent AI-generated UIs, offering a structured approach to improve design outcomes. It includes specific examples and a live demo that illustrate the effectiveness of using DESIGN.md for creating cohesive interfaces.",true,"\u002Fsummaries\u002Fef93635379d57357-design-md-makes-ai-uis-consistent-and-on-brand-summary","2026-05-07 20:00:40","2026-05-08 11:08:54",{"title":5,"description":56},{"loc":82},"7b679d553e1a71f2","Better Stack","article","https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=pY52H5gKhGg","summaries\u002Fef93635379d57357-design-md-makes-ai-uis-consistent-and-on-brand-summary",[93,94,95],"design-systems","ui-ux","ai-tools","Use DESIGN.md, a markdown file with colors, fonts, spacing rules, and intent explanations, to guide AI tools like Cursor and v0 toward generating clean, brand-specific interfaces without repetitive prompts.","Explains DESIGN.md, Google's markdown format for defining design systems (colors, typography, rules) that AI tools like Cursor\u002Fv0 can read to generate more consistent UIs from the same prompt. Includes a live demo, comparisons to Figma\u002FJSON, and balanced pros\u002Fcons.",[],"-zNzJYwQZZ9ZrZNwsoNc8LpW7MqCronrjM7hCcSZArg",[101,104,107,110,113,116,118,120,122,124,126,128,131,133,135,137,139,141,143,145,147,149,151,154,156,158,161,163,165,168,170,172,174,176,178,180,182,184,186,188,190,192,194,196,198,200,202,204,206,208,210,212,214,216,218,220,222,224,226,228,230,232,234,236,238,240,242,244,246,248,250,252,254,256,258,260,262,264,266,268,270,272,274,276,278,280,282,284,286,288,290,292,294,296,298,300,302,304,306,308,310,312,314,316,318,320,322,324,326,328,330,332,334,336,338,340,342,344,346,348,350,352,354,356,358,360,362,364,366,368,370,372,374,376,378,380,382,384,386,388,390,392,394,396,398,400,402,404,406,408,410,412,414,416,418,420,422,425,427,429,431,433,435,437,439,441,443,445,447,449,451,453,455,457,459,461,463,465,467,469,471,473,475,477,479,481,483,485,487,489,491,493,495,497,499,501,503,505,507,509,511,513,515,517,519,521,523,525,527,529,531,533,535,537,539,541,543,545,547,549,551,553,555,557,559,561,563,565,567,569,571,573,575,577,579,581,583,585,587,589,591,593,595,597,599,601,603,605,607,609,611,613,615,617,619,621,623,625,627,629,631,633,635,637,639,641,643,645,647,649,651,653,655,657,659,661,663,665,667,669,671,673,675,677,679,681,683,685,687,689,691,693,695,697,699,701,703,705,707,709,711,713,715,717,719,721,723,725,727,729,731,733,735,737,739,741,743,745,747,749,751,753,755,757,759,761,763,765,767,769,771,773,775,777,779,781,783,785,787,789,791,793,795,797,799,801,803,805,807,809,811,813,815,817,819,821,823,825,827,829,831,833,835,837,839,841,843,845,847,849,851,853,855,857,859,861,863,865,867,869,871,873,875,877,879,881,883,885,887,889,891,893,895,897,899,901,903,905,907,909,911,913,915,917,919,921,923,925,927,929,931,933,935,937,939,941,943,945,947,949,951,953,955,957,959,961,963,965,967,969,971,973,975,977,979,981,983,985,987,989,991,993,995,997,999,1001,1003,1005,1007,1009,1011,1013,1015,1017,1019,1021,1023,1025,1027,1029,1031,1033,1035,1037,1039,1041,1043,1045,1047,1049,1051,1053,1055,1057,1059,1061,1063,1065,1067,1069,1071,1073,1075,1077,1079,1081,1083,1085,1087,1089,1091,1093,1095,1097,1099,1101,1103,1105,1107,1109,1111,1113,1115,1117,1119,1121,1123,1125,1127,1129,1131,1133,1135,1137,1139,1141,1143,1145,1147,1149,1151,1153,1155,1157,1159,1161,1163,1165,1167,1169,1171,1173,1175,1177,1179,1181,1183,1185,1187,1189,1191,1193,1195,1197,1199,1201,1203,1205,1207,1209,1211,1213,1215,1217,1219,1221,1223,1225,1227,1229,1231,1233,1235,1237,1239,1241,1243,1245,1247,1249,1251,1253,1255,1257,1259,1261,1263,1265,1267,1269,1271,1273,1275,1277,1279,1281,1283,1285,1287,1289,1291,1293,1295,1297,1299,1301,1303,1305,1307,1309,1311,1313,1315,1317,1319,1321,1323,1325,1327,1329,1331,1333,1335,1337,1339,1341,1343,1345,1347,1349,1351,1353,1355,1357,1359,1361,1363,1365,1367,1369,1371,1373,1375,1377,1379,1381,1383,1385,1387,1389,1391,1393,1395,1397,1399,1401,1403,1405,1407,1409,1411,1413,1415,1417,1419,1421,1423,1425,1427,1429,1431,1433,1435,1437,1439,1441,1443,1445,1447,1449,1451,1453,1455,1457,1459,1461,1463,1465,1467,1469,1471,1473,1475,1477,1479,1481,1483,1485,1487,1489,1491,1493,1495,1497,1499,1501,1503,1505,1507,1509,1511,1513,1515,1517,1519,1521,1523,1525,1527,1529,1531,1533,1535,1537,1539,1541,1543,1545,1547,1549,1551,1553,1555,1557,1559,1561,1563,1565,1567,1569,1571,1573,1575,1577,1579,1581,1583,1585,1587,1589,1591,1593,1595,1597,1599,1601,1603,1605,1607,1609,1611,1613,1615,1617,1619,1621,1623,1625,1627,1629,1631,1633,1635,1637,1639,1641,1643,1645,1647,1649,1651,1653,1655,1657,1659,1661,1663,1665,1667,1669,1671,1673,1675,1677,1679,1681,1683,1685,1687,1689,1691,1693,1695,1697,1699,1701,1703,1705,1707,1709,1711,1713,1715,1717,1719,1721,1723,1725,1727,1729,1731,1733,1735,1737,1739,1741,1743,1745,1747,1749,1751,1753,1755,1757,1759,1761,1763,1765,1767,1769,1771,1773,1775,1777,1779,1781,1783,1785,1787,1789,1791,1793,1795,1797,1799,1801,1803,1805,1807,1809,1811,1813,1815,1817,1819,1821,1823,1825,1827,1829,1831,1833,1835,1837,1839,1841,1843,1845,1847,1849,1851,1853,1855,1857,1859,1861,1863,1865,1867,1869,1871,1873,1875,1877,1879,1881,1883,1885,1887,1889,1891,1893,1895,1897,1899,1901,1903,1905,1907,1909,1911,1913,1915,1917,1919,1921,1923,1925,1927,1929,1931,1933,1935,1937,1939,1941,1943,1945,1947,1949,1951,1953,1955,1957,1959,1961,1963,1965,1967,1969,1971,1973,1975,1977,1979,1981,1983,1985,1987,1989,1991,1993,1995,1997,1999,2001,2003,2005,2007,2009,2011,2013,2015,2017,2019,2021,2023,2025,2027,2029,2031,2033,2035,2037,2039,2041,2043,2045,2047,2049,2051,2053,2055,2057,2059,2061,2063,2065,2067,2069,2071,2073,2075,2077,2079,2081,2083,2085,2087,2089,2091,2093,2095,2097,2099,2101,2103,2105,2107,2109,2111,2113,2115,2117,2119,2121,2123,2125,2127,2129,2131,2133,2135,2137,2139,2141,2143,2145,2147,2149,2151,2153,2155,2157,2159,2161,2163,2165,2167,2169,2171,2173,2175,2177,2179,2181,2183,2185,2187,2189,2191,2193,2195,2197,2199,2201,2203,2205,2207,2209,2211,2213,2215,2217,2219,2221,2223,2225,2227,2229,2231,2233,2235,2237,2239,2241,2243,2245,2247,2249,2251,2253,2255,2257,2259,2261,2263,2265,2267,2269,2271,2273,2275,2277,2279,2281,2283,2285,2287,2289,2291,2293,2295,2297,2299,2301,2303,2305,2307,2309,2311,2313,2315,2317,2319,2321,2323,2325,2327,2329,2331,2333,2335,2337,2339,2341,2343,2345,2347,2349,2351,2353,2355,2357,2359,2361,2363,2365,2367,2369,2371,2373,2375,2377,2379,2381,2383,2385,2387,2389,2391,2393,2395,2397,2399,2401,2403,2405,2407,2409,2411,2413,2415,2417,2419,2421,2423,2425,2427,2429,2431,2433,2435,2437,2439,2441,2443,2445,2447,2449,2451,2453,2455,2457,2459,2461,2463,2465,2467,2469,2471,2473,2475,2477,2479,2481,2483,2485,2487,2489,2491,2493,2495,2497,2499,2501,2503,2505,2507,2509,2511,2513,2515,2517,2519,2521,2523,2525,2527,2529,2531,2533,2535,2537,2539,2541,2543,2545,2547,2549,2551,2553,2555,2557,2559,2561,2563,2565,2567,2569,2571,2573,2575,2577,2579,2581,2583,2585,2587,2589,2591,2593,2595,2597,2599,2601,2603,2605,2607,2609,2611,2613,2615,2617,2619,2621,2623,2625,2627,2629,2631,2633,2635,2637,2639,2641,2643,2645,2647,2649,2651,2653,2655,2657,2659,2661,2663,2665,2667,2669,2671,2673,2675,2677,2679,2681,2683,2685,2687,2689,2691,2693,2695,2697,2699,2701,2703,2705,2707,2709,2711,2713,2715,2717,2719,2721,2723,2725,2727,2729,2731,2733,2735,2737,2739,2741,2743,2745,2747,2749,2751,2753,2755,2757,2759,2761,2763,2765,2767,2769,2771,2773,2775,2777,2779,2781,2783,2785,2787,2789,2791,2793,2795,2797,2799,2801,2803,2805,2807,2809,2811,2813,2815,2817,2819,2821,2823,2825,2827,2829,2831,2833,2835,2837,2839,2841,2843,2845,2847,2849,2851,2853,2855,2857,2859,2861,2863,2865,2867,2869,2871,2873,2875,2877,2879,2881,2883,2885,2887,2889,2891,2893,2895,2897,2899,2901,2903,2905,2907,2909,2911,2913,2915,2917,2919,2921,2923,2925,2927,2929,2931,2933,2935,2937,2939,2941,2943,2945,2947,2949,2951,2953,2955,2957,2959,2961,2963,2965,2967,2969,2971,2973,2975,2977,2979,2981,2983,2985,2987,2989,2991,2993,2995,2997,2999,3001,3003,3005,3007,3009,3011,3013,3015,3017,3019,3021,3023,3025,3027,3029,3031,3033,3035,3037,3039,3041,3043,3045,3047,3049,3051,3053,3055,3057,3059,3061,3063,3065,3067,3069,3071,3073,3075,3077,3079,3081,3083,3085,3087,3089,3091,3093,3095,3097,3099,3101,3103,3105,3107,3109,3111,3113,3115,3117,3119,3121,3123,3125,3127,3129,3131,3133,3135,3137,3139,3141,3143,3145,3147,3149,3151,3153,3155,3157,3159,3161,3163,3165,3167,3169,3171,3173,3175,3177,3179,3181,3183,3185,3187,3189,3191,3193,3195,3197,3199,3201,3203,3205,3207,3209,3211,3213,3215,3217,3219,3221,3223,3225,3227,3229,3231,3233,3235,3237,3239,3241,3243,3245,3247,3249,3251,3253,3255,3257,3259,3261,3263,3265,3267,3269,3271,3273,3275,3277,3279,3281,3283,3285,3287,3289,3291,3293,3295,3297,3299,3301,3303,3305,3307,3309,3311,3313,3315,3317,3319,3321,3323,3325,3327,3329,3331,3333,3335,3337,3339,3341,3343,3345,3347,3349,3351,3353,3355,3357,3359,3361,3363,3365,3367,3369,3371,3373,3375,3377,3379,3381,3383,3385,3387,3389,3391,3393,3395,3397,3399,3401,3403,3405,3407,3409,3411,3413,3415,3417,3419,3421,3423,3425,3427,3429,3431,3433,3435,3437,3439,3441,3443,3445,3447,3449,3451,3453,3455,3457,3459,3461,3463,3465,3467,3469,3471,3473,3475,3477,3479,3481,3483,3485,3487,3489,3491,3493,3495,3497,3499,3501,3503,3505,3507,3509,3511,3513,3515,3517,3519,3521,3523,3525,3527,3529,3531,3533,3535,3537,3539,3541,3543,3545,3547,3549,3551,3553,3555,3557,3559,3561,3563,3565,3567,3569,3571,3573,3575,3577,3579,3581,3583,3585,3587,3589,3591,3593,3595,3597,3599,3601,3603,3605,3607,3609,3611,3613,3615,3617,3619,3621,3623,3625,3627,3629,3631,3633,3635,3637,3639,3641,3643,3645,3647,3649,3651,3653,3655,3657,3659,3661,3663,3665,3667,3669,3671,3673,3675,3677,3679,3681,3683],{"categories":102},[103],"Developer Productivity",{"categories":105},[106],"Business & SaaS",{"categories":108},[109],"AI & LLMs",{"categories":111},[112],"AI Automation",{"categories":114},[115],"Product Strategy",{"categories":117},[109],{"categories":119},[103],{"categories":121},[106],{"categories":123},[],{"categories":125},[109],{"categories":127},[],{"categories":129},[130],"AI News & Trends",{"categories":132},[112],{"categories":134},[130],{"categories":136},[112],{"categories":138},[112],{"categories":140},[109],{"categories":142},[109],{"categories":144},[130],{"categories":146},[109],{"categories":148},[],{"categories":150},[63],{"categories":152},[153],"Data Science & Visualization",{"categories":155},[130],{"categories":157},[],{"categories":159},[160],"Software Engineering",{"categories":162},[109],{"categories":164},[112],{"categories":166},[167],"Marketing & Growth",{"categories":169},[109],{"categories":171},[112],{"categories":173},[],{"categories":175},[],{"categories":177},[63],{"categories":179},[112],{"categories":181},[103],{"categories":183},[63],{"categories":185},[109],{"categories":187},[112],{"categories":189},[130],{"categories":191},[],{"categories":193},[],{"categories":195},[112],{"categories":197},[160],{"categories":199},[],{"categories":201},[106],{"categories":203},[],{"categories":205},[],{"categories":207},[112],{"categories":209},[112],{"categories":211},[109],{"categories":213},[],{"categories":215},[160],{"categories":217},[],{"categories":219},[],{"categories":221},[],{"categories":223},[109],{"categories":225},[167],{"categories":227},[63],{"categories":229},[63],{"categories":231},[109],{"categories":233},[112],{"categories":235},[109],{"categories":237},[109],{"categories":239},[112],{"categories":241},[112],{"categories":243},[153],{"categories":245},[130],{"categories":247},[112],{"categories":249},[167],{"categories":251},[112],{"categories":253},[115],{"categories":255},[],{"categories":257},[112],{"categories":259},[],{"categories":261},[112],{"categories":263},[160],{"categories":265},[63],{"categories":267},[109],{"categories":269},[],{"categories":271},[],{"categories":273},[112],{"categories":275},[],{"categories":277},[109],{"categories":279},[],{"categories":281},[103],{"categories":283},[160],{"categories":285},[106],{"categories":287},[130],{"categories":289},[109],{"categories":291},[],{"categories":293},[109],{"categories":295},[],{"categories":297},[160],{"categories":299},[153],{"categories":301},[],{"categories":303},[109],{"categories":305},[63],{"categories":307},[],{"categories":309},[63],{"categories":311},[112],{"categories":313},[],{"categories":315},[112],{"categories":317},[130],{"categories":319},[106],{"categories":321},[109],{"categories":323},[],{"categories":325},[112],{"categories":327},[109],{"categories":329},[115],{"categories":331},[],{"categories":333},[109],{"categories":335},[112],{"categories":337},[112],{"categories":339},[],{"categories":341},[153],{"categories":343},[109],{"categories":345},[],{"categories":347},[103],{"categories":349},[106],{"categories":351},[109],{"categories":353},[112],{"categories":355},[160],{"categories":357},[109],{"categories":359},[],{"categories":361},[],{"categories":363},[109],{"categories":365},[],{"categories":367},[63],{"categories":369},[],{"categories":371},[109],{"categories":373},[],{"categories":375},[112],{"categories":377},[109],{"categories":379},[63],{"categories":381},[],{"categories":383},[109],{"categories":385},[109],{"categories":387},[106],{"categories":389},[112],{"categories":391},[109],{"categories":393},[63],{"categories":395},[112],{"categories":397},[],{"categories":399},[],{"categories":401},[130],{"categories":403},[],{"categories":405},[109],{"categories":407},[106,167],{"categories":409},[],{"categories":411},[109],{"categories":413},[],{"categories":415},[],{"categories":417},[109],{"categories":419},[],{"categories":421},[109],{"categories":423},[424],"DevOps & Cloud",{"categories":426},[],{"categories":428},[130],{"categories":430},[63],{"categories":432},[],{"categories":434},[130],{"categories":436},[130],{"categories":438},[109],{"categories":440},[167],{"categories":442},[],{"categories":444},[106],{"categories":446},[],{"categories":448},[109,424],{"categories":450},[109],{"categories":452},[109],{"categories":454},[112],{"categories":456},[109,160],{"categories":458},[153],{"categories":460},[109],{"categories":462},[167],{"categories":464},[112],{"categories":466},[112],{"categories":468},[],{"categories":470},[112],{"categories":472},[109,106],{"categories":474},[],{"categories":476},[63],{"categories":478},[63],{"categories":480},[],{"categories":482},[],{"categories":484},[130],{"categories":486},[],{"categories":488},[103],{"categories":490},[160],{"categories":492},[109],{"categories":494},[63],{"categories":496},[112],{"categories":498},[160],{"categories":500},[130],{"categories":502},[63],{"categories":504},[],{"categories":506},[109],{"categories":508},[109],{"categories":510},[109],{"categories":512},[130],{"categories":514},[103],{"categories":516},[109],{"categories":518},[112],{"categories":520},[424],{"categories":522},[63],{"categories":524},[112],{"categories":526},[],{"categories":528},[],{"categories":530},[63],{"categories":532},[130],{"categories":534},[153],{"categories":536},[],{"categories":538},[109],{"categories":540},[109],{"categories":542},[106],{"categories":544},[109],{"categories":546},[109],{"categories":548},[130],{"categories":550},[],{"categories":552},[112],{"categories":554},[160],{"categories":556},[],{"categories":558},[109],{"categories":560},[109],{"categories":562},[112],{"categories":564},[],{"categories":566},[],{"categories":568},[109],{"categories":570},[],{"categories":572},[106],{"categories":574},[112],{"categories":576},[],{"categories":578},[103],{"categories":580},[109],{"categories":582},[106],{"categories":584},[130],{"categories":586},[],{"categories":588},[],{"categories":590},[],{"categories":592},[130],{"categories":594},[130],{"categories":596},[],{"categories":598},[],{"categories":600},[106],{"categories":602},[],{"categories":604},[],{"categories":606},[103],{"categories":608},[],{"categories":610},[167],{"categories":612},[112],{"categories":614},[106],{"categories":616},[112],{"categories":618},[160],{"categories":620},[],{"categories":622},[115],{"categories":624},[63],{"categories":626},[160],{"categories":628},[109],{"categories":630},[112],{"categories":632},[106],{"categories":634},[109],{"categories":636},[],{"categories":638},[],{"categories":640},[160],{"categories":642},[153],{"categories":644},[115],{"categories":646},[112],{"categories":648},[109],{"categories":650},[],{"categories":652},[424],{"categories":654},[],{"categories":656},[112],{"categories":658},[],{"categories":660},[],{"categories":662},[109],{"categories":664},[63],{"categories":666},[167],{"categories":668},[112],{"categories":670},[],{"categories":672},[103],{"categories":674},[],{"categories":676},[130],{"categories":678},[109,424],{"categories":680},[130],{"categories":682},[109],{"categories":684},[106],{"categories":686},[109],{"categories":688},[],{"categories":690},[106],{"categories":692},[],{"categories":694},[160],{"categories":696},[63],{"categories":698},[130],{"categories":700},[153],{"categories":702},[103],{"categories":704},[109],{"categories":706},[160],{"categories":708},[],{"categories":710},[],{"categories":712},[115],{"categories":714},[],{"categories":716},[109],{"categories":718},[],{"categories":720},[63],{"categories":722},[63],{"categories":724},[63],{"categories":726},[],{"categories":728},[],{"categories":730},[130],{"categories":732},[112],{"categories":734},[109],{"categories":736},[109],{"categories":738},[109],{"categories":740},[106],{"categories":742},[109],{"categories":744},[],{"categories":746},[160],{"categories":748},[160],{"categories":750},[106],{"categories":752},[],{"categories":754},[109],{"categories":756},[109],{"categories":758},[106],{"categories":760},[130],{"categories":762},[167],{"categories":764},[112],{"categories":766},[],{"categories":768},[63],{"categories":770},[],{"categories":772},[109],{"categories":774},[],{"categories":776},[106],{"categories":778},[112],{"categories":780},[],{"categories":782},[424],{"categories":784},[153],{"categories":786},[160],{"categories":788},[167],{"categories":790},[160],{"categories":792},[112],{"categories":794},[],{"categories":796},[],{"categories":798},[112],{"categories":800},[103],{"categories":802},[112],{"categories":804},[115],{"categories":806},[106],{"categories":808},[],{"categories":810},[109],{"categories":812},[115],{"categories":814},[109],{"categories":816},[109],{"categories":818},[167],{"categories":820},[63],{"categories":822},[112],{"categories":824},[],{"categories":826},[],{"categories":828},[424],{"categories":830},[160],{"categories":832},[],{"categories":834},[112],{"categories":836},[109],{"categories":838},[63,109],{"categories":840},[103],{"categories":842},[],{"categories":844},[109],{"categories":846},[103],{"categories":848},[63],{"categories":850},[112],{"categories":852},[160],{"categories":854},[],{"categories":856},[109],{"categories":858},[],{"categories":860},[103],{"categories":862},[],{"categories":864},[112],{"categories":866},[115],{"categories":868},[109],{"categories":870},[109],{"categories":872},[63],{"categories":874},[112],{"categories":876},[424],{"categories":878},[63],{"categories":880},[112],{"categories":882},[109],{"categories":884},[109],{"categories":886},[109],{"categories":888},[130],{"categories":890},[],{"categories":892},[115],{"categories":894},[112],{"categories":896},[63],{"categories":898},[112],{"categories":900},[160],{"categories":902},[63],{"categories":904},[112],{"categories":906},[130],{"categories":908},[],{"categories":910},[109],{"categories":912},[63],{"categories":914},[109],{"categories":916},[103],{"categories":918},[130],{"categories":920},[109],{"categories":922},[167],{"categories":924},[109],{"categories":926},[109],{"categories":928},[112],{"categories":930},[112],{"categories":932},[109],{"categories":934},[112],{"categories":936},[63],{"categories":938},[109],{"categories":940},[],{"categories":942},[],{"categories":944},[160],{"categories":946},[],{"categories":948},[103],{"categories":950},[424],{"categories":952},[],{"categories":954},[103],{"categories":956},[106],{"categories":958},[167],{"categories":960},[],{"categories":962},[106],{"categories":964},[],{"categories":966},[],{"categories":968},[],{"categories":970},[],{"categories":972},[],{"categories":974},[109],{"categories":976},[112],{"categories":978},[424],{"categories":980},[103],{"categories":982},[109],{"categories":984},[160],{"categories":986},[115],{"categories":988},[109],{"categories":990},[167],{"categories":992},[109],{"categories":994},[109],{"categories":996},[109],{"categories":998},[109,103],{"categories":1000},[160],{"categories":1002},[160],{"categories":1004},[63],{"categories":1006},[109],{"categories":1008},[],{"categories":1010},[],{"categories":1012},[],{"categories":1014},[160],{"categories":1016},[153],{"categories":1018},[130],{"categories":1020},[63],{"categories":1022},[],{"categories":1024},[109],{"categories":1026},[109],{"categories":1028},[],{"categories":1030},[],{"categories":1032},[112],{"categories":1034},[109],{"categories":1036},[106],{"categories":1038},[],{"categories":1040},[103],{"categories":1042},[109],{"categories":1044},[103],{"categories":1046},[109],{"categories":1048},[160],{"categories":1050},[167],{"categories":1052},[109,63],{"categories":1054},[130],{"categories":1056},[63],{"categories":1058},[],{"categories":1060},[424],{"categories":1062},[63],{"categories":1064},[112],{"categories":1066},[],{"categories":1068},[],{"categories":1070},[],{"categories":1072},[],{"categories":1074},[160],{"categories":1076},[112],{"categories":1078},[112],{"categories":1080},[424],{"categories":1082},[109],{"categories":1084},[109],{"categories":1086},[109],{"categories":1088},[],{"categories":1090},[63],{"categories":1092},[],{"categories":1094},[],{"categories":1096},[112],{"categories":1098},[],{"categories":1100},[],{"categories":1102},[167],{"categories":1104},[167],{"categories":1106},[112],{"categories":1108},[],{"categories":1110},[109],{"categories":1112},[109],{"categories":1114},[160],{"categories":1116},[63],{"categories":1118},[63],{"categories":1120},[112],{"categories":1122},[103],{"categories":1124},[109],{"categories":1126},[63],{"categories":1128},[63],{"categories":1130},[112],{"categories":1132},[112],{"categories":1134},[109],{"categories":1136},[],{"categories":1138},[],{"categories":1140},[109],{"categories":1142},[112],{"categories":1144},[130],{"categories":1146},[160],{"categories":1148},[103],{"categories":1150},[109],{"categories":1152},[],{"categories":1154},[112],{"categories":1156},[112],{"categories":1158},[],{"categories":1160},[103],{"categories":1162},[109],{"categories":1164},[103],{"categories":1166},[103],{"categories":1168},[],{"categories":1170},[],{"categories":1172},[112],{"categories":1174},[112],{"categories":1176},[109],{"categories":1178},[109],{"categories":1180},[130],{"categories":1182},[153],{"categories":1184},[115],{"categories":1186},[130],{"categories":1188},[63],{"categories":1190},[],{"categories":1192},[130],{"categories":1194},[],{"categories":1196},[],{"categories":1198},[],{"categories":1200},[],{"categories":1202},[160],{"categories":1204},[153],{"categories":1206},[],{"categories":1208},[109],{"categories":1210},[109],{"categories":1212},[153],{"categories":1214},[160],{"categories":1216},[],{"categories":1218},[],{"categories":1220},[112],{"categories":1222},[130],{"categories":1224},[130],{"categories":1226},[112],{"categories":1228},[103],{"categories":1230},[109,424],{"categories":1232},[],{"categories":1234},[63],{"categories":1236},[103],{"categories":1238},[112],{"categories":1240},[63],{"categories":1242},[],{"categories":1244},[112],{"categories":1246},[112],{"categories":1248},[109],{"categories":1250},[167],{"categories":1252},[160],{"categories":1254},[63],{"categories":1256},[],{"categories":1258},[112],{"categories":1260},[109],{"categories":1262},[112],{"categories":1264},[112],{"categories":1266},[112],{"categories":1268},[167],{"categories":1270},[112],{"categories":1272},[109],{"categories":1274},[],{"categories":1276},[167],{"categories":1278},[130],{"categories":1280},[112],{"categories":1282},[],{"categories":1284},[],{"categories":1286},[109],{"categories":1288},[112],{"categories":1290},[130],{"categories":1292},[112],{"categories":1294},[],{"categories":1296},[],{"categories":1298},[],{"categories":1300},[112],{"categories":1302},[],{"categories":1304},[],{"categories":1306},[153],{"categories":1308},[109],{"categories":1310},[153],{"categories":1312},[130],{"categories":1314},[109],{"categories":1316},[109],{"categories":1318},[112],{"categories":1320},[109],{"categories":1322},[],{"categories":1324},[],{"categories":1326},[424],{"categories":1328},[],{"categories":1330},[],{"categories":1332},[103],{"categories":1334},[],{"categories":1336},[],{"categories":1338},[],{"categories":1340},[],{"categories":1342},[160],{"categories":1344},[130],{"categories":1346},[167],{"categories":1348},[106],{"categories":1350},[109],{"categories":1352},[109],{"categories":1354},[106],{"categories":1356},[],{"categories":1358},[63],{"categories":1360},[112],{"categories":1362},[106],{"categories":1364},[109],{"categories":1366},[109],{"categories":1368},[103],{"categories":1370},[],{"categories":1372},[103],{"categories":1374},[109],{"categories":1376},[167],{"categories":1378},[112],{"categories":1380},[130],{"categories":1382},[106],{"categories":1384},[109],{"categories":1386},[112],{"categories":1388},[],{"categories":1390},[109],{"categories":1392},[103],{"categories":1394},[109],{"categories":1396},[],{"categories":1398},[130],{"categories":1400},[109],{"categories":1402},[],{"categories":1404},[106],{"categories":1406},[109],{"categories":1408},[],{"categories":1410},[],{"categories":1412},[],{"categories":1414},[109],{"categories":1416},[],{"categories":1418},[424],{"categories":1420},[109],{"categories":1422},[],{"categories":1424},[109],{"categories":1426},[109],{"categories":1428},[109],{"categories":1430},[109,424],{"categories":1432},[109],{"categories":1434},[109],{"categories":1436},[63],{"categories":1438},[112],{"categories":1440},[],{"categories":1442},[112],{"categories":1444},[109],{"categories":1446},[109],{"categories":1448},[109],{"categories":1450},[103],{"categories":1452},[103],{"categories":1454},[160],{"categories":1456},[63],{"categories":1458},[112],{"categories":1460},[],{"categories":1462},[109],{"categories":1464},[130],{"categories":1466},[109],{"categories":1468},[106],{"categories":1470},[],{"categories":1472},[424],{"categories":1474},[63],{"categories":1476},[63],{"categories":1478},[112],{"categories":1480},[130],{"categories":1482},[112],{"categories":1484},[109],{"categories":1486},[],{"categories":1488},[109],{"categories":1490},[],{"categories":1492},[],{"categories":1494},[109],{"categories":1496},[109],{"categories":1498},[109],{"categories":1500},[112],{"categories":1502},[109],{"categories":1504},[],{"categories":1506},[153],{"categories":1508},[112],{"categories":1510},[],{"categories":1512},[],{"categories":1514},[109],{"categories":1516},[130],{"categories":1518},[],{"categories":1520},[63],{"categories":1522},[424],{"categories":1524},[130],{"categories":1526},[160],{"categories":1528},[160],{"categories":1530},[130],{"categories":1532},[130],{"categories":1534},[424],{"categories":1536},[],{"categories":1538},[130],{"categories":1540},[109],{"categories":1542},[103],{"categories":1544},[130],{"categories":1546},[],{"categories":1548},[153],{"categories":1550},[130],{"categories":1552},[160],{"categories":1554},[130],{"categories":1556},[424],{"categories":1558},[109],{"categories":1560},[109],{"categories":1562},[],{"categories":1564},[106],{"categories":1566},[],{"categories":1568},[],{"categories":1570},[109],{"categories":1572},[109],{"categories":1574},[109],{"categories":1576},[109],{"categories":1578},[],{"categories":1580},[153],{"categories":1582},[103],{"categories":1584},[],{"categories":1586},[109],{"categories":1588},[109],{"categories":1590},[424],{"categories":1592},[424],{"categories":1594},[],{"categories":1596},[112],{"categories":1598},[130],{"categories":1600},[130],{"categories":1602},[109],{"categories":1604},[112],{"categories":1606},[],{"categories":1608},[63],{"categories":1610},[109],{"categories":1612},[109],{"categories":1614},[],{"categories":1616},[],{"categories":1618},[424],{"categories":1620},[109],{"categories":1622},[160],{"categories":1624},[106],{"categories":1626},[109],{"categories":1628},[],{"categories":1630},[112],{"categories":1632},[103],{"categories":1634},[103],{"categories":1636},[],{"categories":1638},[109],{"categories":1640},[63],{"categories":1642},[112],{"categories":1644},[],{"categories":1646},[109],{"categories":1648},[109],{"categories":1650},[112],{"categories":1652},[],{"categories":1654},[112],{"categories":1656},[160],{"categories":1658},[],{"categories":1660},[109],{"categories":1662},[],{"categories":1664},[109],{"categories":1666},[],{"categories":1668},[109],{"categories":1670},[109],{"categories":1672},[],{"categories":1674},[109],{"categories":1676},[130],{"categories":1678},[109],{"categories":1680},[109],{"categories":1682},[103],{"categories":1684},[109],{"categories":1686},[130],{"categories":1688},[112],{"categories":1690},[],{"categories":1692},[109],{"categories":1694},[167],{"categories":1696},[],{"categories":1698},[],{"categories":1700},[],{"categories":1702},[103],{"categories":1704},[130],{"categories":1706},[112],{"categories":1708},[109],{"categories":1710},[63],{"categories":1712},[112],{"categories":1714},[],{"categories":1716},[112],{"categories":1718},[],{"categories":1720},[109],{"categories":1722},[112],{"categories":1724},[109],{"categories":1726},[],{"categories":1728},[109],{"categories":1730},[109],{"categories":1732},[130],{"categories":1734},[63],{"categories":1736},[112],{"categories":1738},[63],{"categories":1740},[106],{"categories":1742},[],{"categories":1744},[],{"categories":1746},[109],{"categories":1748},[103],{"categories":1750},[130],{"categories":1752},[],{"categories":1754},[],{"categories":1756},[160],{"categories":1758},[63],{"categories":1760},[],{"categories":1762},[109],{"categories":1764},[],{"categories":1766},[167],{"categories":1768},[109],{"categories":1770},[424],{"categories":1772},[160],{"categories":1774},[],{"categories":1776},[112],{"categories":1778},[109],{"categories":1780},[112],{"categories":1782},[112],{"categories":1784},[109],{"categories":1786},[],{"categories":1788},[103],{"categories":1790},[109],{"categories":1792},[106],{"categories":1794},[160],{"categories":1796},[63],{"categories":1798},[],{"categories":1800},[],{"categories":1802},[],{"categories":1804},[112],{"categories":1806},[63],{"categories":1808},[130],{"categories":1810},[109],{"categories":1812},[130],{"categories":1814},[63],{"categories":1816},[],{"categories":1818},[63],{"categories":1820},[130],{"categories":1822},[106],{"categories":1824},[109],{"categories":1826},[130],{"categories":1828},[167],{"categories":1830},[],{"categories":1832},[],{"categories":1834},[153],{"categories":1836},[109,160],{"categories":1838},[130],{"categories":1840},[109],{"categories":1842},[112],{"categories":1844},[112],{"categories":1846},[109],{"categories":1848},[],{"categories":1850},[160],{"categories":1852},[109],{"categories":1854},[153],{"categories":1856},[112],{"categories":1858},[167],{"categories":1860},[424],{"categories":1862},[],{"categories":1864},[103],{"categories":1866},[112],{"categories":1868},[112],{"categories":1870},[160],{"categories":1872},[109],{"categories":1874},[109],{"categories":1876},[],{"categories":1878},[],{"categories":1880},[],{"categories":1882},[424],{"categories":1884},[130],{"categories":1886},[109],{"categories":1888},[109],{"categories":1890},[109],{"categories":1892},[],{"categories":1894},[153],{"categories":1896},[106],{"categories":1898},[],{"categories":1900},[112],{"categories":1902},[424],{"categories":1904},[],{"categories":1906},[63],{"categories":1908},[63],{"categories":1910},[],{"categories":1912},[160],{"categories":1914},[63],{"categories":1916},[109],{"categories":1918},[],{"categories":1920},[130],{"categories":1922},[109],{"categories":1924},[63],{"categories":1926},[112],{"categories":1928},[130],{"categories":1930},[],{"categories":1932},[112],{"categories":1934},[63],{"categories":1936},[109],{"categories":1938},[],{"categories":1940},[109],{"categories":1942},[109],{"categories":1944},[424],{"categories":1946},[130],{"categories":1948},[153],{"categories":1950},[153],{"categories":1952},[],{"categories":1954},[],{"categories":1956},[],{"categories":1958},[112],{"categories":1960},[160],{"categories":1962},[160],{"categories":1964},[],{"categories":1966},[],{"categories":1968},[109],{"categories":1970},[],{"categories":1972},[112],{"categories":1974},[109],{"categories":1976},[],{"categories":1978},[109],{"categories":1980},[106],{"categories":1982},[109],{"categories":1984},[167],{"categories":1986},[112],{"categories":1988},[109],{"categories":1990},[160],{"categories":1992},[130],{"categories":1994},[112],{"categories":1996},[],{"categories":1998},[130],{"categories":2000},[112],{"categories":2002},[112],{"categories":2004},[],{"categories":2006},[106],{"categories":2008},[112],{"categories":2010},[],{"categories":2012},[109],{"categories":2014},[103],{"categories":2016},[130],{"categories":2018},[424],{"categories":2020},[112],{"categories":2022},[112],{"categories":2024},[103],{"categories":2026},[109],{"categories":2028},[],{"categories":2030},[],{"categories":2032},[63],{"categories":2034},[109,106],{"categories":2036},[],{"categories":2038},[103],{"categories":2040},[153],{"categories":2042},[109],{"categories":2044},[160],{"categories":2046},[109],{"categories":2048},[112],{"categories":2050},[109],{"categories":2052},[109],{"categories":2054},[130],{"categories":2056},[112],{"categories":2058},[],{"categories":2060},[],{"categories":2062},[112],{"categories":2064},[109],{"categories":2066},[424],{"categories":2068},[],{"categories":2070},[109],{"categories":2072},[112],{"categories":2074},[],{"categories":2076},[109],{"categories":2078},[167],{"categories":2080},[153],{"categories":2082},[112],{"categories":2084},[109],{"categories":2086},[424],{"categories":2088},[],{"categories":2090},[109],{"categories":2092},[167],{"categories":2094},[63],{"categories":2096},[109],{"categories":2098},[],{"categories":2100},[167],{"categories":2102},[130],{"categories":2104},[109],{"categories":2106},[109],{"categories":2108},[103],{"categories":2110},[],{"categories":2112},[],{"categories":2114},[63],{"categories":2116},[109],{"categories":2118},[153],{"categories":2120},[167],{"categories":2122},[167],{"categories":2124},[130],{"categories":2126},[],{"categories":2128},[],{"categories":2130},[109],{"categories":2132},[],{"categories":2134},[109,160],{"categories":2136},[130],{"categories":2138},[112],{"categories":2140},[160],{"categories":2142},[109],{"categories":2144},[103],{"categories":2146},[],{"categories":2148},[],{"categories":2150},[103],{"categories":2152},[167],{"categories":2154},[109],{"categories":2156},[],{"categories":2158},[63,109],{"categories":2160},[424],{"categories":2162},[103],{"categories":2164},[],{"categories":2166},[106],{"categories":2168},[106],{"categories":2170},[109],{"categories":2172},[160],{"categories":2174},[112],{"categories":2176},[130],{"categories":2178},[167],{"categories":2180},[63],{"categories":2182},[109],{"categories":2184},[109],{"categories":2186},[109],{"categories":2188},[103],{"categories":2190},[109],{"categories":2192},[112],{"categories":2194},[130],{"categories":2196},[],{"categories":2198},[],{"categories":2200},[153],{"categories":2202},[160],{"categories":2204},[109],{"categories":2206},[63],{"categories":2208},[153],{"categories":2210},[109],{"categories":2212},[109],{"categories":2214},[112],{"categories":2216},[112],{"categories":2218},[109,106],{"categories":2220},[],{"categories":2222},[63],{"categories":2224},[],{"categories":2226},[109],{"categories":2228},[130],{"categories":2230},[103],{"categories":2232},[103],{"categories":2234},[112],{"categories":2236},[109],{"categories":2238},[106],{"categories":2240},[160],{"categories":2242},[167],{"categories":2244},[],{"categories":2246},[130],{"categories":2248},[109],{"categories":2250},[109],{"categories":2252},[130],{"categories":2254},[160],{"categories":2256},[109],{"categories":2258},[112],{"categories":2260},[130],{"categories":2262},[109],{"categories":2264},[63],{"categories":2266},[109],{"categories":2268},[109],{"categories":2270},[424],{"categories":2272},[115],{"categories":2274},[112],{"categories":2276},[109],{"categories":2278},[130],{"categories":2280},[112],{"categories":2282},[167],{"categories":2284},[109],{"categories":2286},[],{"categories":2288},[109],{"categories":2290},[],{"categories":2292},[],{"categories":2294},[],{"categories":2296},[106],{"categories":2298},[109],{"categories":2300},[112],{"categories":2302},[130],{"categories":2304},[130],{"categories":2306},[130],{"categories":2308},[130],{"categories":2310},[],{"categories":2312},[103],{"categories":2314},[112],{"categories":2316},[130],{"categories":2318},[103],{"categories":2320},[112],{"categories":2322},[109],{"categories":2324},[109,112],{"categories":2326},[112],{"categories":2328},[424],{"categories":2330},[130],{"categories":2332},[130],{"categories":2334},[112],{"categories":2336},[109],{"categories":2338},[],{"categories":2340},[130],{"categories":2342},[167],{"categories":2344},[103],{"categories":2346},[109],{"categories":2348},[109],{"categories":2350},[],{"categories":2352},[160],{"categories":2354},[],{"categories":2356},[103],{"categories":2358},[112],{"categories":2360},[130],{"categories":2362},[109],{"categories":2364},[130],{"categories":2366},[103],{"categories":2368},[130],{"categories":2370},[130],{"categories":2372},[],{"categories":2374},[106],{"categories":2376},[112],{"categories":2378},[130],{"categories":2380},[130],{"categories":2382},[130],{"categories":2384},[130],{"categories":2386},[130],{"categories":2388},[130],{"categories":2390},[130],{"categories":2392},[130],{"categories":2394},[130],{"categories":2396},[130],{"categories":2398},[153],{"categories":2400},[103],{"categories":2402},[109],{"categories":2404},[109],{"categories":2406},[],{"categories":2408},[109,103],{"categories":2410},[],{"categories":2412},[112],{"categories":2414},[130],{"categories":2416},[112],{"categories":2418},[109],{"categories":2420},[109],{"categories":2422},[109],{"categories":2424},[109],{"categories":2426},[109],{"categories":2428},[112],{"categories":2430},[106],{"categories":2432},[63],{"categories":2434},[130],{"categories":2436},[109],{"categories":2438},[],{"categories":2440},[],{"categories":2442},[112],{"categories":2444},[63],{"categories":2446},[109],{"categories":2448},[],{"categories":2450},[],{"categories":2452},[167],{"categories":2454},[109],{"categories":2456},[],{"categories":2458},[],{"categories":2460},[103],{"categories":2462},[106],{"categories":2464},[109],{"categories":2466},[106],{"categories":2468},[63],{"categories":2470},[],{"categories":2472},[130],{"categories":2474},[],{"categories":2476},[63],{"categories":2478},[109],{"categories":2480},[167],{"categories":2482},[],{"categories":2484},[167],{"categories":2486},[],{"categories":2488},[],{"categories":2490},[112],{"categories":2492},[],{"categories":2494},[106],{"categories":2496},[103],{"categories":2498},[63],{"categories":2500},[160],{"categories":2502},[],{"categories":2504},[],{"categories":2506},[109],{"categories":2508},[103],{"categories":2510},[167],{"categories":2512},[],{"categories":2514},[112],{"categories":2516},[112],{"categories":2518},[130],{"categories":2520},[109],{"categories":2522},[112],{"categories":2524},[109],{"categories":2526},[112],{"categories":2528},[109],{"categories":2530},[115],{"categories":2532},[130],{"categories":2534},[],{"categories":2536},[167],{"categories":2538},[160],{"categories":2540},[112],{"categories":2542},[],{"categories":2544},[109],{"categories":2546},[112],{"categories":2548},[106],{"categories":2550},[103],{"categories":2552},[109],{"categories":2554},[63],{"categories":2556},[160],{"categories":2558},[160],{"categories":2560},[109],{"categories":2562},[153],{"categories":2564},[109],{"categories":2566},[112],{"categories":2568},[106],{"categories":2570},[112],{"categories":2572},[109],{"categories":2574},[109],{"categories":2576},[112],{"categories":2578},[130],{"categories":2580},[],{"categories":2582},[103],{"categories":2584},[109],{"categories":2586},[112],{"categories":2588},[109],{"categories":2590},[109],{"categories":2592},[],{"categories":2594},[63],{"categories":2596},[106],{"categories":2598},[130],{"categories":2600},[109],{"categories":2602},[109],{"categories":2604},[63],{"categories":2606},[167],{"categories":2608},[153],{"categories":2610},[109],{"categories":2612},[130],{"categories":2614},[109],{"categories":2616},[112],{"categories":2618},[424],{"categories":2620},[109],{"categories":2622},[112],{"categories":2624},[153],{"categories":2626},[],{"categories":2628},[112],{"categories":2630},[160],{"categories":2632},[63],{"categories":2634},[109],{"categories":2636},[103],{"categories":2638},[106],{"categories":2640},[160],{"categories":2642},[],{"categories":2644},[112],{"categories":2646},[109],{"categories":2648},[],{"categories":2650},[130],{"categories":2652},[],{"categories":2654},[130],{"categories":2656},[109],{"categories":2658},[112],{"categories":2660},[112],{"categories":2662},[112],{"categories":2664},[],{"categories":2666},[],{"categories":2668},[109],{"categories":2670},[109],{"categories":2672},[],{"categories":2674},[63],{"categories":2676},[112],{"categories":2678},[167],{"categories":2680},[103],{"categories":2682},[],{"categories":2684},[],{"categories":2686},[130],{"categories":2688},[160],{"categories":2690},[109],{"categories":2692},[109],{"categories":2694},[109],{"categories":2696},[160],{"categories":2698},[130],{"categories":2700},[63],{"categories":2702},[109],{"categories":2704},[109],{"categories":2706},[109],{"categories":2708},[130],{"categories":2710},[109],{"categories":2712},[130],{"categories":2714},[112],{"categories":2716},[112],{"categories":2718},[160],{"categories":2720},[112],{"categories":2722},[109],{"categories":2724},[160],{"categories":2726},[63],{"categories":2728},[],{"categories":2730},[112],{"categories":2732},[],{"categories":2734},[],{"categories":2736},[],{"categories":2738},[106],{"categories":2740},[109],{"categories":2742},[112],{"categories":2744},[103],{"categories":2746},[112],{"categories":2748},[167],{"categories":2750},[],{"categories":2752},[112],{"categories":2754},[],{"categories":2756},[103],{"categories":2758},[112],{"categories":2760},[],{"categories":2762},[112],{"categories":2764},[109],{"categories":2766},[130],{"categories":2768},[109],{"categories":2770},[112],{"categories":2772},[130],{"categories":2774},[112],{"categories":2776},[160],{"categories":2778},[63],{"categories":2780},[103],{"categories":2782},[],{"categories":2784},[112],{"categories":2786},[63],{"categories":2788},[424],{"categories":2790},[130],{"categories":2792},[109],{"categories":2794},[63],{"categories":2796},[103],{"categories":2798},[],{"categories":2800},[112],{"categories":2802},[112],{"categories":2804},[109],{"categories":2806},[],{"categories":2808},[112],{"categories":2810},[115],{"categories":2812},[130],{"categories":2814},[112],{"categories":2816},[106],{"categories":2818},[],{"categories":2820},[109],{"categories":2822},[115],{"categories":2824},[109],{"categories":2826},[112],{"categories":2828},[130],{"categories":2830},[103],{"categories":2832},[424],{"categories":2834},[109],{"categories":2836},[109],{"categories":2838},[109],{"categories":2840},[130],{"categories":2842},[106],{"categories":2844},[109],{"categories":2846},[63],{"categories":2848},[130],{"categories":2850},[424],{"categories":2852},[109],{"categories":2854},[],{"categories":2856},[],{"categories":2858},[424],{"categories":2860},[153],{"categories":2862},[112],{"categories":2864},[112],{"categories":2866},[130],{"categories":2868},[109],{"categories":2870},[103],{"categories":2872},[63],{"categories":2874},[112],{"categories":2876},[109],{"categories":2878},[167],{"categories":2880},[109],{"categories":2882},[112],{"categories":2884},[],{"categories":2886},[109],{"categories":2888},[109],{"categories":2890},[130],{"categories":2892},[103],{"categories":2894},[],{"categories":2896},[109],{"categories":2898},[109],{"categories":2900},[160],{"categories":2902},[63],{"categories":2904},[109,112],{"categories":2906},[167,106],{"categories":2908},[109],{"categories":2910},[],{"categories":2912},[112],{"categories":2914},[],{"categories":2916},[160],{"categories":2918},[109],{"categories":2920},[130],{"categories":2922},[],{"categories":2924},[112],{"categories":2926},[],{"categories":2928},[63],{"categories":2930},[112],{"categories":2932},[103],{"categories":2934},[112],{"categories":2936},[109],{"categories":2938},[424],{"categories":2940},[167],{"categories":2942},[106],{"categories":2944},[106],{"categories":2946},[103],{"categories":2948},[103],{"categories":2950},[109],{"categories":2952},[112],{"categories":2954},[109],{"categories":2956},[109],{"categories":2958},[103],{"categories":2960},[109],{"categories":2962},[167],{"categories":2964},[130],{"categories":2966},[109],{"categories":2968},[112],{"categories":2970},[109],{"categories":2972},[],{"categories":2974},[160],{"categories":2976},[],{"categories":2978},[112],{"categories":2980},[103],{"categories":2982},[],{"categories":2984},[424],{"categories":2986},[109],{"categories":2988},[],{"categories":2990},[130],{"categories":2992},[112],{"categories":2994},[160],{"categories":2996},[109],{"categories":2998},[112],{"categories":3000},[160],{"categories":3002},[112],{"categories":3004},[130],{"categories":3006},[103],{"categories":3008},[130],{"categories":3010},[160],{"categories":3012},[109],{"categories":3014},[63],{"categories":3016},[109],{"categories":3018},[109],{"categories":3020},[109],{"categories":3022},[109],{"categories":3024},[112],{"categories":3026},[109],{"categories":3028},[112],{"categories":3030},[109],{"categories":3032},[103],{"categories":3034},[109],{"categories":3036},[112],{"categories":3038},[63],{"categories":3040},[103],{"categories":3042},[112],{"categories":3044},[63],{"categories":3046},[],{"categories":3048},[109],{"categories":3050},[109],{"categories":3052},[160],{"categories":3054},[],{"categories":3056},[112],{"categories":3058},[167],{"categories":3060},[109],{"categories":3062},[130],{"categories":3064},[167],{"categories":3066},[112],{"categories":3068},[106],{"categories":3070},[106],{"categories":3072},[109],{"categories":3074},[103],{"categories":3076},[],{"categories":3078},[109],{"categories":3080},[],{"categories":3082},[103],{"categories":3084},[109],{"categories":3086},[112],{"categories":3088},[112],{"categories":3090},[],{"categories":3092},[160],{"categories":3094},[160],{"categories":3096},[167],{"categories":3098},[63],{"categories":3100},[],{"categories":3102},[109],{"categories":3104},[103],{"categories":3106},[109],{"categories":3108},[160],{"categories":3110},[103],{"categories":3112},[130],{"categories":3114},[130],{"categories":3116},[],{"categories":3118},[130],{"categories":3120},[112],{"categories":3122},[63],{"categories":3124},[153],{"categories":3126},[109],{"categories":3128},[],{"categories":3130},[130],{"categories":3132},[160],{"categories":3134},[106],{"categories":3136},[109],{"categories":3138},[103],{"categories":3140},[424],{"categories":3142},[103],{"categories":3144},[],{"categories":3146},[],{"categories":3148},[130],{"categories":3150},[],{"categories":3152},[112],{"categories":3154},[112],{"categories":3156},[112],{"categories":3158},[],{"categories":3160},[109],{"categories":3162},[],{"categories":3164},[130],{"categories":3166},[103],{"categories":3168},[63],{"categories":3170},[109],{"categories":3172},[130],{"categories":3174},[130],{"categories":3176},[],{"categories":3178},[130],{"categories":3180},[103],{"categories":3182},[109],{"categories":3184},[],{"categories":3186},[112],{"categories":3188},[112],{"categories":3190},[103],{"categories":3192},[],{"categories":3194},[],{"categories":3196},[],{"categories":3198},[63],{"categories":3200},[112],{"categories":3202},[109],{"categories":3204},[],{"categories":3206},[],{"categories":3208},[],{"categories":3210},[63],{"categories":3212},[],{"categories":3214},[103],{"categories":3216},[],{"categories":3218},[],{"categories":3220},[63],{"categories":3222},[109],{"categories":3224},[130],{"categories":3226},[],{"categories":3228},[167],{"categories":3230},[130],{"categories":3232},[167],{"categories":3234},[109],{"categories":3236},[],{"categories":3238},[],{"categories":3240},[112],{"categories":3242},[],{"categories":3244},[],{"categories":3246},[112],{"categories":3248},[109],{"categories":3250},[],{"categories":3252},[112],{"categories":3254},[130],{"categories":3256},[167],{"categories":3258},[153],{"categories":3260},[112],{"categories":3262},[112],{"categories":3264},[],{"categories":3266},[],{"categories":3268},[],{"categories":3270},[130],{"categories":3272},[],{"categories":3274},[],{"categories":3276},[63],{"categories":3278},[103],{"categories":3280},[],{"categories":3282},[106],{"categories":3284},[167],{"categories":3286},[109],{"categories":3288},[160],{"categories":3290},[103],{"categories":3292},[153],{"categories":3294},[106],{"categories":3296},[160],{"categories":3298},[],{"categories":3300},[],{"categories":3302},[112],{"categories":3304},[103],{"categories":3306},[63],{"categories":3308},[103],{"categories":3310},[112],{"categories":3312},[424],{"categories":3314},[112],{"categories":3316},[],{"categories":3318},[109],{"categories":3320},[130],{"categories":3322},[160],{"categories":3324},[],{"categories":3326},[63],{"categories":3328},[130],{"categories":3330},[103],{"categories":3332},[112],{"categories":3334},[109],{"categories":3336},[106],{"categories":3338},[112,424],{"categories":3340},[112],{"categories":3342},[160],{"categories":3344},[109],{"categories":3346},[153],{"categories":3348},[167],{"categories":3350},[112],{"categories":3352},[],{"categories":3354},[112],{"categories":3356},[109],{"categories":3358},[106],{"categories":3360},[],{"categories":3362},[],{"categories":3364},[109],{"categories":3366},[153],{"categories":3368},[109],{"categories":3370},[],{"categories":3372},[130],{"categories":3374},[],{"categories":3376},[130],{"categories":3378},[160],{"categories":3380},[112],{"categories":3382},[109],{"categories":3384},[167],{"categories":3386},[160],{"categories":3388},[],{"categories":3390},[130],{"categories":3392},[109],{"categories":3394},[],{"categories":3396},[109],{"categories":3398},[112],{"categories":3400},[109],{"categories":3402},[112],{"categories":3404},[109],{"categories":3406},[109],{"categories":3408},[109],{"categories":3410},[109],{"categories":3412},[106],{"categories":3414},[],{"categories":3416},[115],{"categories":3418},[130],{"categories":3420},[109],{"categories":3422},[],{"categories":3424},[160],{"categories":3426},[109],{"categories":3428},[109],{"categories":3430},[112],{"categories":3432},[130],{"categories":3434},[109],{"categories":3436},[109],{"categories":3438},[106],{"categories":3440},[112],{"categories":3442},[63],{"categories":3444},[],{"categories":3446},[153],{"categories":3448},[109],{"categories":3450},[],{"categories":3452},[130],{"categories":3454},[167],{"categories":3456},[],{"categories":3458},[],{"categories":3460},[130],{"categories":3462},[130],{"categories":3464},[167],{"categories":3466},[103],{"categories":3468},[112],{"categories":3470},[112],{"categories":3472},[109],{"categories":3474},[106],{"categories":3476},[],{"categories":3478},[],{"categories":3480},[130],{"categories":3482},[153],{"categories":3484},[160],{"categories":3486},[112],{"categories":3488},[63],{"categories":3490},[153],{"categories":3492},[153],{"categories":3494},[],{"categories":3496},[130],{"categories":3498},[109],{"categories":3500},[109],{"categories":3502},[160],{"categories":3504},[],{"categories":3506},[130],{"categories":3508},[130],{"categories":3510},[130],{"categories":3512},[],{"categories":3514},[112],{"categories":3516},[109],{"categories":3518},[],{"categories":3520},[103],{"categories":3522},[106],{"categories":3524},[],{"categories":3526},[109],{"categories":3528},[109],{"categories":3530},[],{"categories":3532},[160],{"categories":3534},[],{"categories":3536},[],{"categories":3538},[],{"categories":3540},[],{"categories":3542},[109],{"categories":3544},[130],{"categories":3546},[],{"categories":3548},[],{"categories":3550},[109],{"categories":3552},[109],{"categories":3554},[109],{"categories":3556},[153],{"categories":3558},[109],{"categories":3560},[153],{"categories":3562},[],{"categories":3564},[153],{"categories":3566},[153],{"categories":3568},[424],{"categories":3570},[112],{"categories":3572},[160],{"categories":3574},[],{"categories":3576},[],{"categories":3578},[153],{"categories":3580},[160],{"categories":3582},[160],{"categories":3584},[160],{"categories":3586},[],{"categories":3588},[103],{"categories":3590},[160],{"categories":3592},[160],{"categories":3594},[103],{"categories":3596},[160],{"categories":3598},[106],{"categories":3600},[160],{"categories":3602},[160],{"categories":3604},[160],{"categories":3606},[153],{"categories":3608},[130],{"categories":3610},[130],{"categories":3612},[109],{"categories":3614},[160],{"categories":3616},[153],{"categories":3618},[424],{"categories":3620},[153],{"categories":3622},[153],{"categories":3624},[153],{"categories":3626},[],{"categories":3628},[106],{"categories":3630},[],{"categories":3632},[424],{"categories":3634},[160],{"categories":3636},[160],{"categories":3638},[160],{"categories":3640},[112],{"categories":3642},[130,106],{"categories":3644},[153],{"categories":3646},[],{"categories":3648},[],{"categories":3650},[153],{"categories":3652},[],{"categories":3654},[153],{"categories":3656},[130],{"categories":3658},[112],{"categories":3660},[],{"categories":3662},[160],{"categories":3664},[109],{"categories":3666},[63],{"categories":3668},[],{"categories":3670},[109],{"categories":3672},[],{"categories":3674},[130],{"categories":3676},[103],{"categories":3678},[153],{"categories":3680},[],{"categories":3682},[160],{"categories":3684},[130],[3686,3773,3947,4143],{"id":3687,"title":3688,"ai":3689,"body":3694,"categories":3740,"created_at":64,"date_modified":64,"description":56,"extension":65,"faq":64,"featured":66,"kicker_label":64,"meta":3741,"navigation":81,"path":3760,"published_at":3761,"question":64,"scraped_at":3762,"seo":3763,"sitemap":3764,"source_id":3765,"source_name":3766,"source_type":89,"source_url":3767,"stem":3768,"tags":3769,"thumbnail_url":64,"tldr":3770,"tweet":64,"unknown_tags":3771,"__hash__":3772},"summaries\u002Fsummaries\u002Fab2ebe4a21315e3a-claude-design-animate-ui-into-promo-videos-instant-summary.md","Claude Design: Animate UI into Promo Videos Instantly",{"provider":7,"model":8,"input_tokens":3690,"output_tokens":3691,"processing_time_ms":3692,"cost_usd":3693},6568,1652,15210,0.00211695,{"type":14,"value":3695,"toc":3735},[3696,3700,3703,3706,3709,3713,3716,3719,3722,3726,3729,3732],[17,3697,3699],{"id":3698},"generate-full-app-ui-and-high-energy-promo-videos-from-prompts","Generate Full App UI and High-Energy Promo Videos from Prompts",[22,3701,3702],{},"Start Claude Design projects by prompting for complete mobile apps, like a fintech platform for millennial passive investors (dashboard, holdings, transactions, documents pages) styled after Robinhood in light mode for iPhone. Expect iterative questions on target users, assets (stocks\u002FETFs), and visuals—answer briefly as Claude often overrides prompt details anyway. Output yields high-fidelity screens with fixed nav, though minor bugs like wrong backgrounds appear; ignore for speed.",[22,3704,3705],{},"Activate the 'animated video skill' under Import > Skills to transform screens into 32-second promotional clips. Prompt generally: \"Build a sharable promotional video for social media and executive stakeholders, high-energy quick cuts on key functionality.\" Results show interactive charts animating upward, position streaks, buy\u002Fsell flows, and tab switches—real motions Figma can't match natively. Trade-off: No music\u002Faudio yet, shaky elements possible, but executives love these for reviews.",[22,3707,3708],{},"Export as ZIP with HTML; open in browser for shareable interactive demo. For MP4, screen-record and edit in software—Anthropic likely adding direct export soon. This replaces hours of video designer work you might lack skills for.",[17,3710,3712],{"id":3711},"import-figma-screens-for-custom-app-tours","Import Figma Screens for Custom App Tours",[22,3714,3715],{},"Export key Figma screens (not full files, to save tokens) as PDF, drag into new Claude project, and attach all. Prompt: \"Build an animated video using screens in attached Figma file.\" Answer follow-ups: app tour format, 15s length, energetic vibe, animate inner UI to feel alive, add tap indicators\u002Fplaceholder sounds.",[22,3717,3718],{},"Claude recreates frames side-by-side (specify this explicitly to avoid single-screen prototypes). Output: Polished 15s tour with flows, though Figma-to-Claude imports have bugs like misaligned elements—budget 1 hour tweaking for perfection. No audio despite option; still beats static prototypes.",[22,3720,3721],{},"Impact: Turns research-to-app screens into lively stakeholder demos, accelerating feedback loops.",[17,3723,3725],{"id":3724},"workflow-tips-to-cut-tokens-and-boost-quality","Workflow Tips to Cut Tokens and Boost Quality",[22,3727,3728],{},"Keep initial prompts vague—Claude ignores details and re-asks, burning fewer tokens upfront. Upgrade Claude plan for heavy use, as full designs\u002Fvideos consume heavily.",[22,3730,3731],{},"For precise motions, screen-record Mobbin's animation library examples (e.g., Linear interactions), convert MP4 to GIF (Claude can't ingest video), and attach as inspiration. Mobbin's section speeds ideation without verbose descriptions, reducing failed generations.",[22,3733,3734],{},"Polish iteratively: Fix nav bugs or backgrounds only if critical; focus on functionality highlights. Result: Production-ready videos in minutes vs. days, ideal for TikTok, App Store, or exec shares—Figma users take note.",{"title":56,"searchDepth":57,"depth":57,"links":3736},[3737,3738,3739],{"id":3698,"depth":57,"text":3699},{"id":3711,"depth":57,"text":3712},{"id":3724,"depth":57,"text":3725},[63],{"content_references":3742,"triage":3756},[3743,3748,3750,3753],{"type":3744,"title":3745,"author":3746,"context":3747},"tool","Claude Design","Anthropic","recommended",{"type":3744,"title":3749,"context":72},"Figma",{"type":3744,"title":3751,"url":3752,"context":3747},"Mobbin","http:\u002F\u002Fmobbin.com\u002Fuicollective",{"type":70,"title":3754,"url":3755,"context":3747},"CLAUDE DESIGN FULL VIDEO","https:\u002F\u002Fyoutu.be\u002FeXlSgQmz02E",{"relevance":78,"novelty":3757,"quality":78,"actionability":78,"composite":3758,"reasoning":3759},3,3.8,"Category: Design & Frontend. The article discusses a specific AI tool, Claude Design, that allows users to create animated promotional videos from static UI designs, addressing a pain point for designers who struggle with animation. It provides actionable steps for using the tool effectively, such as prompting for app designs and exporting videos, making it relevant and practical for the target audience.","\u002Fsummaries\u002Fab2ebe4a21315e3a-claude-design-animate-ui-into-promo-videos-instant-summary","2026-04-21 12:59:17","2026-04-21 15:17:28",{"title":3688,"description":56},{"loc":3760},"1c2b28f9248f650a","UI Collective","https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=B6yDicNiBWA","summaries\u002Fab2ebe4a21315e3a-claude-design-animate-ui-into-promo-videos-instant-summary",[95,94,93],"Claude Design's animated video skill turns static app UI—AI-generated or Figma-imported—into 15-32s interactive HTML demos for social\u002Fstakeholders, bypassing manual animation (screen-record for MP4).",[],"krQPAOv3x-PpxpKBXe8xa5LcxZ-4TWYAD_iSprmxJlg",{"id":3774,"title":3775,"ai":3776,"body":3781,"categories":3922,"created_at":64,"date_modified":64,"description":56,"extension":65,"faq":64,"featured":66,"kicker_label":64,"meta":3923,"navigation":81,"path":3936,"published_at":3937,"question":64,"scraped_at":3762,"seo":3938,"sitemap":3939,"source_id":3940,"source_name":3766,"source_type":89,"source_url":3941,"stem":3942,"tags":3943,"thumbnail_url":64,"tldr":3944,"tweet":64,"unknown_tags":3945,"__hash__":3946},"summaries\u002Fsummaries\u002F1cd6441e3a21d8b6-claude-design-build-iterate-ui-prototypes-fast-summary.md","Claude Design: Build & Iterate UI Prototypes Fast",{"provider":7,"model":8,"input_tokens":3777,"output_tokens":3778,"processing_time_ms":3779,"cost_usd":3780},8885,2309,12937,0.00264035,{"type":14,"value":3782,"toc":3914},[3783,3787,3790,3793,3800,3804,3807,3810,3816,3819,3823,3826,3829,3835,3838,3842,3845,3848,3854,3857,3861,3864,3867,3870,3876,3880],[17,3784,3786],{"id":3785},"prompt-driven-prototype-generation","Prompt-Driven Prototype Generation",[22,3788,3789],{},"Claude Design starts with a simple interface: create a new high-fidelity prototype (wireframes exist but are rarely used by modern designers with ready UI kits). Enter a prompt like \"build an onboarding flow for a futuristic edtech mobile platform\" or \"dashboard for a financial management application.\" Claude responds with clarifying questions on core concept (e.g., AI tutor), audience, visual direction (e.g., cyberpunk neon), onboarding steps (welcome, sign-up, goals, quiz, paywall), device (iOS), presentation (single flow), novelty level (1-10), and tweaks (color, animation).",[22,3791,3792],{},"Answer iteratively to refine, then generate. Outputs are interactive prototypes with adjustable parameters: color themes, motion intensity (reduce for accessibility), density. Examples include edtech flows with dynamic quizzes (\"How should Lumin address you?\") and finance dashboards with net worth charts, cash flow, transactions. Initial results impress for first drafts—polished, interactive, better than many AI tools—but mobile excels more than web, where spacing issues appear.",[22,3794,3795,3799],{},[3796,3797,3798],"strong",{},"Key principle:"," Prompts with specifics yield better results; let Claude decide minor details to avoid overload. \"I don't know any designers who wireframe anymore... we jump right into high fidelity because that's what stakeholders want.\"",[17,3801,3803],{"id":3802},"direct-editing-and-comment-based-iteration","Direct Editing and Comment-Based Iteration",[22,3805,3806],{},"Edit prototypes hands-on: select elements to tweak fonts, colors, sizes (e.g., darken a card, adjust font weight). For bigger changes, add comments like \"insights card: different insights\" or \"far too tall, reduce transactions.\" Batch-select comments and regenerate—Claude applies changes, e.g., swapping insights, shortening lists.",[22,3808,3809],{},"Draw tool adds visual notes by pointing\u002Fdrawing, but it's \"wonky\" and underused. Presentation modes: new tab or fullscreen for client shares. Export as ZIP or share links (team-only). Avoid over-editing; each iteration burns tokens heavily—six screens can exhaust budgets quickly, as seen in Uber's AI overuse.",[22,3811,3812,3815],{},[3796,3813,3814],{},"Common mistake:"," Vague comments lead to wrong changes (e.g., altering unintended cards). Be explicit. Principle: Use for rapid ideation\u002Fiteration, not full production—hand off to Figma for polish.",[22,3817,3818],{},"\"These six screens burned through a ton of Claude tokens... it's not cheap. Not every company is willing to give designers full access.\"",[17,3820,3822],{"id":3821},"design-system-integration-for-consistent-outputs","Design System Integration for Consistent Outputs",[22,3824,3825],{},"Upload Figma files via \"Design System\" > Edit: add company blurb (minimal impact), attach file (select pages to avoid token waste on templates). Claude audits (5+ minutes), extracts type (headings, body), colors, radii, components. Review draft: approve\u002Freject items—fonts often mismatch (uses web substitutes), naming\u002Fline heights wrong (e.g., invents \"displays\" vs. your \"h tags\").",[22,3827,3828],{},"Prompt with system loaded, e.g., regenerate edtech flow. Outputs adhere loosely: uses your buttons, colors, but proportions off, extra elements. Filter audit by category (type, color); zoom lacking for small screens.",[22,3830,3831,3834],{},[3796,3832,3833],{},"Trade-offs:"," Great for large systems if pruned; complex ones inconsistent. Browser-only (no desktop app). Early bugs: font recognition fails despite uploads.",[22,3836,3837],{},"Principle: Pre-audit files offline—remove bloat. \"If you have a really complex design system, remove larger page templates... time drastically increases.",[17,3839,3841],{"id":3840},"exporting-to-claude-code-and-figma","Exporting to Claude Code and Figma",[22,3843,3844],{},"Hand off: Copy command from prototype > paste into Claude Code tab > run. Generates React\u002FHTML preview. Then prompt Claude Code: \"push this design to Figma\" (requires Figma MCP\u002FSkills setup—7 minutes processing). Result: Editable Figma file, semi-responsive (fix spacings manually).",[22,3846,3847],{},"No direct Figma export from Design; ZIP\u002FCanva alternatives inferior. Drag-in Figma skips for multi-page token drain; sketch canvas useless—prompt directly.",[22,3849,3850,3853],{},[3796,3851,3852],{},"Workflow fit:"," Ideation > Prototype > Code handoff > Figma polish. For design technologists: Bridges AI gen to production tools.",[22,3855,3856],{},"\"It took about 7 minutes... not perfectly responsive... but now in Figma to iterate.\"",[17,3858,3860],{"id":3859},"practical-limitations-and-when-to-use","Practical Limitations and When to Use",[22,3862,3863],{},"Hits: Fast hi-fi ideation, interactivity, tweaks. Misses: Token costs scale with complexity; web weaker than mobile; design system parsing buggy (fonts, metrics); inconsistent results day-to-day.",[22,3865,3866],{},"Best for solo designers\u002Fearly iteration on paid plans—not unlimited gen. Stakeholders love prototypes; pair with systems for brand alignment. Future: Better previews, font handling.",[22,3868,3869],{},"\"When you give AI total freedom, it produces really good results. But adding guardrails like a design system, results not usually as good.\"",[22,3871,3872,3875],{},[3796,3873,3874],{},"Quality criteria:"," Good output = interactive, on-brand (post-system), minimal spacing\u002Ffont issues. Test novelty low initially.",[17,3877,3879],{"id":3878},"key-takeaways","Key Takeaways",[3881,3882,3883,3887,3890,3893,3896,3899,3902,3905,3908,3911],"ul",{},[3884,3885,3886],"li",{},"Start with specific prompts; answer Claude's questions fully for polished first drafts.",[3884,3888,3889],{},"Prioritize high-fidelity over wireframes—modern workflows demand stakeholder-ready visuals.",[3884,3891,3892],{},"Edit small changes directly; batch comments for big ones, but be hyper-explicit to avoid misapplications.",[3884,3894,3895],{},"Prune Figma uploads (no templates) before design system setup to save tokens and time.",[3884,3897,3898],{},"Export via Claude Code to Figma for production—expect 5-7 min and manual responsiveness fixes.",[3884,3900,3901],{},"Budget tokens tightly: Use for ideation, not endless iteration; fallback to Figma for heavy lifting.",[3884,3903,3904],{},"Test browser vs. app; review system audits closely—reject font mismatches immediately.",[3884,3906,3907],{},"Adjust motion\u002Fdensity post-gen for accessibility and experimentation.",[3884,3909,3910],{},"Avoid sketch\u002Fdraw; prompt superiority rules.",[3884,3912,3913],{},"Results improve with updates—re-test complex systems periodically.",{"title":56,"searchDepth":57,"depth":57,"links":3915},[3916,3917,3918,3919,3920,3921],{"id":3785,"depth":57,"text":3786},{"id":3802,"depth":57,"text":3803},{"id":3821,"depth":57,"text":3822},{"id":3840,"depth":57,"text":3841},{"id":3859,"depth":57,"text":3860},{"id":3878,"depth":57,"text":3879},[63],{"content_references":3924,"triage":3933},[3925,3927,3930,3931],{"type":3744,"title":3745,"url":3926,"context":72},"https:\u002F\u002Fclaude.ai\u002Fdesign",{"type":70,"title":3928,"url":3929,"context":72},"Anthropic's Claude Design announcement","https:\u002F\u002Fwww.anthropic.com\u002Fnews\u002Fclaude-design-anthropic-labs",{"type":3744,"title":3749,"context":72},{"type":3744,"title":3932,"context":72},"Claude Code",{"relevance":77,"novelty":78,"quality":78,"actionability":78,"composite":3934,"reasoning":3935},4.35,"Category: Design & Frontend. The article provides a detailed overview of Claude Design, a tool that generates high-fidelity UI prototypes from prompts, addressing the needs of designers and developers looking to streamline their workflow. It offers practical insights on how to effectively use the tool, including prompt strategies and iteration techniques, making it actionable for the target audience.","\u002Fsummaries\u002F1cd6441e3a21d8b6-claude-design-build-iterate-ui-prototypes-fast-summary","2026-04-20 12:57:25",{"title":3775,"description":56},{"loc":3936},"986e077f04472790","https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=eXlSgQmz02E","summaries\u002F1cd6441e3a21d8b6-claude-design-build-iterate-ui-prototypes-fast-summary",[95,93,94],"Claude Design generates hi-fi prototypes from prompts, supports design system uploads for consistency, and exports to Figma\u002FCode—accelerates ideation but watch token costs and bugs in complex setups.",[],"WCTcK_k0i7LU_tmV_BWwOInc5LrRsk9EHZk5t25uej4",{"id":3948,"title":3949,"ai":3950,"body":3955,"categories":4127,"created_at":64,"date_modified":64,"description":4128,"extension":65,"faq":64,"featured":66,"kicker_label":64,"meta":4129,"navigation":81,"path":4130,"published_at":4131,"question":64,"scraped_at":4132,"seo":4133,"sitemap":4134,"source_id":4135,"source_name":3766,"source_type":4136,"source_url":4137,"stem":4138,"tags":4139,"thumbnail_url":64,"tldr":4140,"tweet":64,"unknown_tags":4141,"__hash__":4142},"summaries\u002Fsummaries\u002F66c622088c79d0fb-claude-code-figma-designer-s-workflow-summary.md","Claude Code + Figma: Designer's Workflow",{"provider":7,"model":8,"input_tokens":3951,"output_tokens":3952,"processing_time_ms":3953,"cost_usd":3954},8468,1807,17520,0.00257445,{"type":14,"value":3956,"toc":4120},[3957,3961,3964,3967,3973,3979,3985,3989,3992,4000,4006,4012,4015,4020,4024,4027,4030,4036,4042,4047,4051,4057,4063,4069,4075,4081,4086,4088,4114],[17,3958,3960],{"id":3959},"setup-claude-for-figma-integration-without-terminal","Setup Claude for Figma Integration Without Terminal",[22,3962,3963],{},"Start in Claude Desktop app (preferred for designers over terminal). Go to Customize > Connectors > Add Connector, search \"Figma\", select the interactive one. Authorize in browser with correct Figma account. Confirm connection shows \"Figma MCP connected\".",[22,3965,3966],{},"This enables pushing designs directly to Figma files via prompts—no Figma Skills needed initially. Paste empty Figma file link into Claude Code tab, prompt to push. Works for small elements first to avoid token waste and errors.",[22,3968,3969,3972],{},[3796,3970,3971],{},"Key principle",": MCP predates Figma Skills; use it for basic push\u002Fpull. Developers can install terminal version via docs (link in video desc), but desktop avoids CLI friction.",[22,3974,3975,3978],{},[3796,3976,3977],{},"Common mistake",": Pushing half-baked iterations. Iterate fully in Claude first, push only when ready to recreate manually in Figma—avoids messy round-trips burning tokens.",[3980,3981,3982],"blockquote",{},[22,3983,3984],{},"\"They iterate in Claude, push to Figma when happy, then recreate in Figma. Pushing during iteration gets messy and token-heavy.\"",[17,3986,3988],{"id":3987},"generate-targeted-designs-with-research-backed-skills","Generate Targeted Designs with Research-Backed Skills",[22,3990,3991],{},"Focus prompts on small scopes: e.g., \"Build hero layout for SaaS task manager, responsive across devices\" (switch to Opus model for better results). Drag Mobbin screenshots (heroes from similar products) into Claude, prompt: \"Build reusable skill storing these in \u002Fexamples folder; reference for future designs matching styling\u002Flayout.\"",[22,3993,3994,3995,3999],{},"Save skill. In design chat: \"Review ",[3996,3997,3998],"span",{},"skill name",", update design—run locally.\" Outputs improve: less generic, more on-brand.",[22,4001,4002,4005],{},[3796,4003,4004],{},"Scale it",": Spend half-day curating research (Mobbin full-pages\u002Fsites). Custom skills make Claude reference your style consistently, reducing AI-generated blandness.",[22,4007,4008,4011],{},[3796,4009,4010],{},"Before\u002Fafter",": Basic prompt yields stock hero; skill + examples yield branded layout with better spacing\u002Ftypography.",[22,4013,4014],{},"For docs: Link component page, prompt: \"Build docs for button components: overview, variants, accessibility\u002Fusage guidelines—push to Figma.\" Result: Styled text blocks mimicking components (not true instances).",[3980,4016,4017],{},[22,4018,4019],{},"\"Work in small stages. Building entire landing pages burns tokens fast and causes mistakes.\"",[17,4021,4023],{"id":4022},"figma-skills-apply-design-systems-accept-inconsistencies","Figma Skills: Apply Design Systems, Accept Inconsistencies",[22,4025,4026],{},"Download required Figma Skills zip from GitHub (MCP server). In Claude: Create plugin > upload zip. For extras (e.g., rad-spacing, apply-design-system, audit-design-system): Download skill.md files individually, drag-upload (quit\u002Freopen Claude if buggy).",[22,4028,4029],{},"Test: Link doc page, prompt: \"Apply design system variables\u002Fstyles\u002Fcomponents.\" Skills activate (e.g., figma-use, apply-design-system), but results inconsistent—some vars apply, styles skipped if no 1:1 match (e.g., 12px font ignores nearest 14px style).",[22,4031,4032,4035],{},[3796,4033,4034],{},"Trade-offs",": Skills slow generation 6x, hit-or-miss even same prompt\u002Ffile. Turn on\u002Foff per task—MCP for speed, skills for system adherence. Don't edit Figma file during Claude ops; degrades output.",[22,4037,4038,4041],{},[3796,4039,4040],{},"Quality criteria",": Good if vars\u002Fcomponents auto-apply >50%; else manual fix. Not client-ready—prototype accelerator.",[3980,4043,4044],{},[22,4045,4046],{},"\"Figma Skills are wildly inconsistent. Same prompt\u002Ffile yields different results. Still early stage, but generally slower.\"",[17,4048,4050],{"id":4049},"audit-and-refine-designs-for-production","Audit and Refine Designs for Production",[22,4052,4053,4056],{},[3796,4054,4055],{},"Accessibility audit",": Link Figma page, prompt via Anthropic plugin or skills: audits contrast, ARIA, focus states. Pushes report to Figma.",[22,4058,4059,4062],{},[3796,4060,4061],{},"Design system audit",": Use audit-design-system skill on screens—flags drift from published components.",[22,4064,4065,4068],{},[3796,4066,4067],{},"Full build example",": Prompt hero with skill, push, audit responsiveness\u002Faccessibility. Recreate\u002Fpolish in Figma using pushed base.",[22,4070,4071,4074],{},[3796,4072,4073],{},"Workflow fit",": Assumes Figma proficiency; new to AI. Use post-prototype: research > generate > push > manual refine\u002Faudit. Pairs with design systems (e.g., CollectiveKit).",[22,4076,4077,4080],{},[3796,4078,4079],{},"Pitfalls",": Skills reject uploads (reopen app); bulk zip now reliable (wasn't before); no real-time collab with Figma edits.",[3980,4082,4083],{},[22,4084,4085],{},"\"It's not smart enough yet—if no exact match in styles\u002Fvars, it skips. Looks for 1:1, doesn't approximate.\"",[17,4087,3879],{"id":3878},[3881,4089,4090,4093,4096,4099,4102,4105,4108,4111],{},[3884,4091,4092],{},"Connect Figma MCP first via Claude Desktop Connectors for instant push capability—no skills needed.",[3884,4094,4095],{},"Prompt small: Hero sections before pages; Opus > Sonnet for visuals.",[3884,4097,4098],{},"Build custom skills with Mobbin screenshots in \u002Fexamples for consistent, research-driven styling.",[3884,4100,4101],{},"Install Figma Skills as plugins (zip bulk + manual .md); toggle for tasks needing vars\u002Fcomponents.",[3884,4103,4104],{},"Iterate in Claude only, push ready designs to Figma for manual recreation—saves tokens.",[3884,4106,4107],{},"Audit via prompts\u002Fskills for accessibility\u002Fdesign drift post-generation.",[3884,4109,4110],{},"Expect inconsistencies: 6x slower, no 1:1 style matching—treat as accelerator, not replacer.",[3884,4112,4113],{},"Research scales: Half-day Mobbin curation yields reusable skills matching your brand.",[22,4115,4116,4119],{},[3796,4117,4118],{},"Practice",": Grab empty Figma file, connect MCP, generate\u002Fpush hero with 3 Mobbin examples in a skill. Audit output.",{"title":56,"searchDepth":57,"depth":57,"links":4121},[4122,4123,4124,4125,4126],{"id":3959,"depth":57,"text":3960},{"id":3987,"depth":57,"text":3988},{"id":4022,"depth":57,"text":4023},{"id":4049,"depth":57,"text":4050},{"id":3878,"depth":57,"text":3879},[63],"This is a full overview of Claude & Claude Code and how designers can actually use it in their workflow.\n\nIf you’re working in Figma or product\u002FUX, this will give you a clear starting point without the fluff.\n\n🔗 KEY LINKS\n📣 JOIN THE COMMUNITY: https:\u002F\u002Fuicollective.co\u002F \n❎ Follow me on X: https:\u002F\u002Fx.com\u002FKirkMDesign\nFigma Skills: https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Fskills\n📣 Save 20% on the Annual Mobbin plan: http:\u002F\u002Fmobbin.com\u002Fuicollective\n\nWhy Join UI Collective Academy? Get access to premium courses, premium downloads, and so much more on the way (I am largely building this solo...trying to make design education available for all, support goes a long way!)\n\n↪️ Need a design system? (also included in the academy): https:\u002F\u002Fcollectivekit.co\u002F\n\n🔗 VIDEOS TO WATCH\nBuild a Design System: https:\u002F\u002Fyoutu.be\u002FopTANvl9G1g\nComplex Design System Setup: https:\u002F\u002Fyoutu.be\u002FL-tpK7Eeuow\nAI & Design Systems: https:\u002F\u002Fyoutu.be\u002FXfezMs8B-O8\n\n🔗 MORE LINKS\nLet us build or fix your design system: https:\u002F\u002Fdesignsystemlabs.co\u002F\nkirkland@uicollective.co\n\nOTHER LINKS & MORE:\nClaude Terminal Installation: https:\u002F\u002Fcode.claude.com\u002Fdocs\u002Fen\u002Foverview#terminal\nTerminal Figma Plugin installation: \u002Fplugin install figma@claude-plugins-official\nMCP documentation: https:\u002F\u002Fcode.claude.com\u002Fdocs\u002Fen\u002Fmcp\n\n0:00 An Introduction\n0:31 Connecting Figma MCP Inside Claude\n1:21 Generating Design + Pushing to Figma\n3:14 Where Designers Find Value\n4:05 Reviewing Output\n5:06 Competitive Research with Mobbin\n6:15 Building a Claude Skill for Better AI Designs\n8:05 Building Better Designs with Research\n9:17 Generating Component Documentation\n10:55 Figma Skills Overview\n12:51 Installing Figma Skills\n16:25 Testing Figma Skills\n17:37 Things to Know\n19:24 Building a Design with Claude Code\n21:33 Auditing a Figma Design\n23:00 Anthropic Plugin\n23:19 Accessibility Audit\n25:41 Outro",{},"\u002Fsummaries\u002F66c622088c79d0fb-claude-code-figma-designer-s-workflow-summary","2026-04-07 13:01:02","2026-04-08 14:49:29",{"title":3949,"description":4128},{"loc":4130},"66c622088c79d0fb","video","https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=mwq70TpWQkA","summaries\u002F66c622088c79d0fb-claude-code-figma-designer-s-workflow-summary",[95,93,94],"Connect Claude Desktop to Figma via MCP to generate iterative designs, push prototypes, create docs\u002Faudits—boosted by custom skills and research, despite Figma Skills inconsistencies.",[],"INmJWXDtoiFAEuld503JX_c7nGxQ6uljIbRvo5jhf4Q",{"id":4144,"title":4145,"ai":4146,"body":4151,"categories":4207,"created_at":64,"date_modified":64,"description":4208,"extension":65,"faq":64,"featured":66,"kicker_label":64,"meta":4209,"navigation":81,"path":4210,"published_at":4211,"question":64,"scraped_at":4212,"seo":4213,"sitemap":4214,"source_id":4215,"source_name":3766,"source_type":4136,"source_url":4216,"stem":4217,"tags":4218,"thumbnail_url":64,"tldr":4219,"tweet":64,"unknown_tags":4220,"__hash__":4221},"summaries\u002Fsummaries\u002F2aa3b0f51309c917-figma-skills-inconsistent-today-vital-tomorrow-summary.md","Figma Skills: Inconsistent Today, Vital Tomorrow",{"provider":7,"model":8,"input_tokens":4147,"output_tokens":4148,"processing_time_ms":4149,"cost_usd":4150},7137,1341,12873,0.00163065,{"type":14,"value":4152,"toc":4201},[4153,4157,4160,4164,4183,4187,4194,4198],[17,4154,4156],{"id":4155},"figma-skills-guide-ai-through-platform-specific-actions","Figma Skills Guide AI Through Platform-Specific Actions",[22,4158,4159],{},"Figma Skills are structured .md files that teach AI how to perform Figma-native tasks a generic model can't handle, such as creating components, generating layouts, syncing variables, and applying tokens\u002Fstyles. They act as reusable context: upload once to tools like Claude or Cursor, and the AI retains them for all future Figma interactions. Foundational \"Figma Use Skill\" must be installed first—it defines tokens, variables, styles, components, and canvas usage, enabling all others. Developers currently benefit more than designers, as many skills target dev workflows like design-to-code handoffs. To maximize consistency, pair with spacing skills (applies hierarchical spacing variables with fallbacks) and design system skills.",[17,4161,4163],{"id":4162},"setup-mimics-github-structure-for-reliable-ai-access","Setup Mimics GitHub Structure for Reliable AI Access",[22,4165,4166,4167,4171,4172,4175,4176,4179,4180,4182],{},"Download skills from Figma's community page (e.g., github.com\u002Ffigma\u002Fskills). Replicate repo folder structure in Claude: upload main ",[4168,4169,4170],"code",{},"skill.md"," first, then add referenced .md files to a ",[4168,4173,4174],{},"\u002Freferences"," folder, including subfolders like ",[4168,4177,4178],{},"\u002Fworking-with-design-systems",". Connect Figma MCP via Claude's connectors (search \"Figma\", authorize access). Rename non-standard files to ",[4168,4181,4170],{}," for best practice. Example installs: \"Create new designs using existing components\u002Fvariables,\" \"RAD spacing,\" \"Audit design system,\" \"Apply design system.\" Provide Figma file URLs in prompts and specify design systems to avoid drift across multiple published libraries.",[17,4184,4186],{"id":4185},"demo-reveals-inconsistency-10-minutes-vs-2-minutes-manual","Demo Reveals Inconsistency: 10 Minutes vs. 2 Minutes Manual",[22,4188,4189,4190,4193],{},"Prompt Claude: \"Build a simple SaaS onboarding page inside Figma using this design system ",[3996,4191,4192],{},"URL",", guidelines, white background, form in center card, use input components.\" Result after 10 minutes and high token cost: Components used but no variables, text styles, or page fills applied—faster to build manually in under 2-5 minutes. Follow with audit skill on generated page URL: Identifies missing variables\u002Fstyles accurately. Then prompt \"fix the design\": Applies some strokes\u002Fshadows\u002Fvariables but misses page fill, surface variables, and most text styles. Same workflow succeeded perfectly in prior tests (full radius, spacing, components, styles), proving non-deterministic output. Avoid for primary design; signals performative AI adoption over efficiency.",[17,4195,4197],{"id":4196},"auditcustom-skills-bridge-gaps-future-speeds-repetitive-work","Audit\u002FCustom Skills Bridge Gaps; Future Speeds Repetitive Work",[22,4199,4200],{},"Audit skill shines: Flags design system drift reliably post-generation. Apply skill connects existing designs to published components. Build custom skills to fill gaps—e.g., community member Brian's docs specify variable\u002Fcomponent rules (when to use checkbox vs. radio), token application contexts. Generate customs via Claude or write manually, reference in prompts for consistency. Despite flaws, skills automate audits, enforce reuse, and smooth design-code transitions (e.g., production-Figma mismatches). They'll evolve to accelerate repetitive tasks; ignoring them risks falling behind hires\u002Fpromotions attuned to AI-design integration.",{"title":56,"searchDepth":57,"depth":57,"links":4202},[4203,4204,4205,4206],{"id":4155,"depth":57,"text":4156},{"id":4162,"depth":57,"text":4163},{"id":4185,"depth":57,"text":4186},{"id":4196,"depth":57,"text":4197},[63],"This video breaks down what Figma Skills are, how they work, and how to actually use them to improve consistency, automate repetitive work, and connect your design system to in Claude Code.\n\nFigma Skills let AI agents properly interact with the Figma canvas, so you’re not just generating random UI, you’re working with real structure, real components, and real systems.\n\n🔗 KEY LINKS\n📣 JOIN THE COMMUNITY: https:\u002F\u002Fuicollective.co\u002F \n❎ Follow me on X: https:\u002F\u002Fx.com\u002FKirkMDesign\nFigma article: https:\u002F\u002Fwww.figma.com\u002Fblog\u002Fthe-figma-canvas-is-now-open-to-agents\u002F\nFigma Skills: https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Fskills\n\nWhy Join UI Collective Academy? Get access to premium courses, premium downloads, and so much more on the way (I am largely building this solo...trying to make design education available for all, support goes a long way!)\n\n↪️ Need a design system? (also included in the academy): https:\u002F\u002Fcollectivekit.co\u002F\n\n🔗 VIDEOS TO WATCH\nBuild a Design System: https:\u002F\u002Fyoutu.be\u002FopTANvl9G1g\nComplex Design System Setup: https:\u002F\u002Fyoutu.be\u002FL-tpK7Eeuow\nAI & Design Systems: https:\u002F\u002Fyoutu.be\u002FXfezMs8B-O8\nDesign with Claude Code: https:\u002F\u002Fyoutu.be\u002FJMQ0X_si144\n\n🔗 MORE LINKS\nLet us build or fix your design system: https:\u002F\u002Fdesignsystemlabs.co\u002F\nkirkland@uicollective.co\n📣 Save 20% on the Annual Mobbin plan: http:\u002F\u002Fmobbin.com\u002Fuicollective\nFigma MCP Documentation: https:\u002F\u002Fhelp.figma.com\u002Fhc\u002Fen-us\u002Farticles\u002F32132100833559-Guide-to-the-Figma-MCP-server\n\n0:00 An Introduction\n0:31 Current State of Figma Skills\n1:55 What is a Figma Skill\n3:43 Getting Started with Figma Skills\n5:27 Connecting Figma MCP Inside of Claude\n6:12 Uploading Our Figma Skills\n10:00 Testing Our Figma Skills\n11:11 Reviewing Output\n12:04 Adding Additional Skills\n13:13 Reviewing AI Audit Results\n15:38 Why This Matters\n16:49 Outro",{},"\u002Fsummaries\u002F2aa3b0f51309c917-figma-skills-inconsistent-today-vital-tomorrow-summary","2026-03-31 12:55:58","2026-04-03 21:16:26",{"title":4145,"description":4208},{"loc":4210},"2aa3b0f51309c917","https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=9o-fe0noDFc","summaries\u002F2aa3b0f51309c917-figma-skills-inconsistent-today-vital-tomorrow-summary",[93,94,95],"Figma Skills are reusable .md files guiding AI on Figma actions like components and variables, but deliver wildly inconsistent results now—install foundational ones and audit skills for immediate use while preparing for workflow integration.",[],"7EB0ItB9BtkrzyR0nQOJN-plNgZt0taICfWTJXw_hCw"]