[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"extension-skill-ibelick-baseline-ui-en":3,"guides-for-ibelick-baseline-ui":318,"similar-k17evpm7da6we8kaszydc65rg586manm-en":319},{"_creationTime":4,"_id":5,"children":6,"community":7,"display":9,"evaluation":15,"identity":248,"isFallback":238,"parentExtension":253,"providers":254,"relations":259,"repo":261,"tags":314,"workflow":315},1778690863881.3015,"k17evpm7da6we8kaszydc65rg586manm",[],{"reviewCount":8},0,{"description":10,"installMethods":11,"name":13,"sourceUrl":14},"Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design consistency.",{"claudeCode":12},"ibelick/ui-skills","baseline-ui","https://github.com/ibelick/ui-skills",{"_creationTime":16,"_id":17,"extensionId":5,"locale":18,"result":19,"trustSignals":228,"workflow":246},1778690881357.2761,"kn7494cznhvrhksa8h76j4krs586m2xr","en",{"checks":20,"evaluatedAt":195,"extensionSummary":196,"features":197,"nonGoals":203,"promptVersionExtension":207,"promptVersionScoring":208,"purpose":209,"rationale":210,"score":211,"summary":212,"tags":213,"targetMarket":221,"tier":222,"useCases":223},[21,26,29,32,36,39,44,48,51,54,58,62,65,69,72,75,78,81,84,87,91,95,99,103,107,110,113,116,120,123,126,129,132,135,138,142,146,150,153,157,160,163,166,169,173,176,179,182,185,188,192],{"category":22,"check":23,"severity":24,"summary":25},"Practical Utility","Problem relevance","pass","The description clearly states the problem of preventing 'AI-generated interface slop' and names specific UI concerns like animation durations, typography scale, and layout anti-patterns.",{"category":22,"check":27,"severity":24,"summary":28},"Unique selling proposition","This skill enforces an opinionated UI baseline with specific rules for Tailwind CSS, animation, and component usage, offering value beyond standard LLM capabilities.",{"category":22,"check":30,"severity":24,"summary":31},"Production readiness","The skill provides comprehensive guidelines covering styling, components, interaction, animation, typography, layout, performance, and design, indicating it's ready for real-world UI development workflows.",{"category":33,"check":34,"severity":24,"summary":35},"Scope","Single responsibility principle","The skill focuses exclusively on enforcing UI design and development best practices within a Tailwind CSS context, without venturing into unrelated domains.",{"category":33,"check":37,"severity":24,"summary":38},"Description quality","The displayed description accurately reflects the skill's purpose and capabilities as detailed in the SKILL.md file.",{"category":40,"check":41,"severity":42,"summary":43},"Invocation","Scoped tools","not_applicable","This is a prompt-based skill and does not expose individual tools that can be evaluated for scoping.",{"category":45,"check":46,"severity":42,"summary":47},"Documentation","Configuration & parameter reference","The skill does not expose configurable parameters or environment variables that require documentation.",{"category":33,"check":49,"severity":42,"summary":50},"Tool naming","This skill does not expose individual tools with names.",{"category":33,"check":52,"severity":42,"summary":53},"Minimal I/O surface","This skill does not expose individual tools with parameter schemas or response shapes.",{"category":55,"check":56,"severity":24,"summary":57},"License","License usability","The MIT license is clearly provided in a LICENSE file and is a permissive open-source license.",{"category":59,"check":60,"severity":24,"summary":61},"Maintenance","Commit recency","The last commit was on May 8, 2026, which is within the last 3 months.",{"category":59,"check":63,"severity":24,"summary":64},"Dependency Management","The SKILL.md lists dependencies and the project has a lockfile, indicating dependency management is in place.",{"category":66,"check":67,"severity":42,"summary":68},"Security","Secret Management","The skill does not handle or expose any secrets.",{"category":66,"check":70,"severity":24,"summary":71},"Injection","The skill's instructions are self-contained and do not load external data that could contain malicious instructions.",{"category":66,"check":73,"severity":24,"summary":74},"Transitive Supply-Chain Grenades","The skill does not fetch remote content at runtime, and all its logic is contained within the bundle.",{"category":66,"check":76,"severity":24,"summary":77},"Sandbox Isolation","The skill operates on UI code and does not attempt to modify files outside of the project context or perform destructive operations.",{"category":66,"check":79,"severity":24,"summary":80},"Sandbox escape primitives","No detached-process spawns or deny-retry loops were found in the skill's logic.",{"category":66,"check":82,"severity":24,"summary":83},"Data Exfiltration","The skill focuses on code validation and does not involve sending any user data or confidential information to third parties.",{"category":66,"check":85,"severity":24,"summary":86},"Hidden Text Tricks","The bundled content is free of hidden-steering tricks and uses clean, printable ASCII characters.",{"category":88,"check":89,"severity":24,"summary":90},"Hooks","Opaque code execution","The skill's code is plain and readable; there is no obfuscation, base64 payloads, or runtime script fetching.",{"category":92,"check":93,"severity":24,"summary":94},"Portability","Structural Assumption","The skill uses relative paths and general placeholders, avoiding assumptions about specific user project structures.",{"category":96,"check":97,"severity":24,"summary":98},"Trust","Issues Attention","There is 1 closed issue and 0 open issues in the last 90 days, indicating good maintainer engagement.",{"category":100,"check":101,"severity":24,"summary":102},"Versioning","Release Management","The `pushedAt` date indicates recent activity, and while there's no formal version number, installation from `main` is standard for such projects.",{"category":104,"check":105,"severity":24,"summary":106},"Code Execution","Validation","The skill's instructions provide clear guidance on input types and expected output, implying a structured validation approach.",{"category":66,"check":108,"severity":24,"summary":109},"Unguarded Destructive Operations","The skill is analytical and does not perform any destructive operations.",{"category":104,"check":111,"severity":24,"summary":112},"Error Handling","The skill provides clear instructions on expected inputs and outputs, and failure modes are described with recovery steps.",{"category":104,"check":114,"severity":42,"summary":115},"Logging","This skill does not perform destructive actions or outbound calls that require local audit logging.",{"category":117,"check":118,"severity":42,"summary":119},"Compliance","GDPR","The skill operates on code structure and does not process personal data.",{"category":117,"check":121,"severity":24,"summary":122},"Target market","The skill's focus on UI best practices is globally applicable, with no regional restrictions detected.",{"category":92,"check":124,"severity":24,"summary":125},"Runtime stability","The skill relies on standard Node.js and Tailwind CSS, with clear declarations in the SKILL.md, making it portable.",{"category":45,"check":127,"severity":24,"summary":128},"README","The README provides a concise overview of the skill's purpose and includes a link to its website.",{"category":33,"check":130,"severity":42,"summary":131},"Tool surface size","This is a single-skill extension, not a multi-tool CLI or MCP server.",{"category":40,"check":133,"severity":42,"summary":134},"Overlapping near-synonym tools","This is a single-skill extension and does not have multiple tools.",{"category":45,"check":136,"severity":24,"summary":137},"Phantom features","All features mentioned in the README and SKILL.md have corresponding logic and clear instructions within the skill.",{"category":139,"check":140,"severity":24,"summary":141},"Install","Installation instruction","The SKILL.md provides clear instructions on how to use the skill with invocation examples.",{"category":143,"check":144,"severity":24,"summary":145},"Errors","Actionable error messages","The skill details failure modes with observable symptoms and recovery steps, providing actionable error information.",{"category":147,"check":148,"severity":24,"summary":149},"Execution","Pinned dependencies","The SKILL.md specifies the stack and dependencies, and the presence of a lockfile suggests pinned dependencies.",{"category":33,"check":151,"severity":42,"summary":152},"Dry-run preview","The skill is analytical and does not perform state-changing operations that would require a dry-run preview.",{"category":154,"check":155,"severity":42,"summary":156},"Protocol","Idempotent retry & timeouts","The skill is self-contained and does not involve remote calls or state-changing operations requiring idempotency or timeouts.",{"category":117,"check":158,"severity":24,"summary":159},"Telemetry opt-in","The skill does not emit telemetry, thus adhering to opt-in principles.",{"category":40,"check":161,"severity":24,"summary":162},"Precise Purpose","The skill's purpose is precisely defined as enforcing UI best practices in Tailwind CSS projects, with clear use cases and boundaries.",{"category":40,"check":164,"severity":24,"summary":165},"Concise Frontmatter","The frontmatter is concise, with the core capability and usage instructions clearly stated within the initial character limit.",{"category":45,"check":167,"severity":24,"summary":168},"Concise Body","The SKILL.md is well-structured and avoids excessive length by delegating detailed procedures to references.",{"category":170,"check":171,"severity":24,"summary":172},"Context","Progressive Disclosure","Detailed sections like Components, Interaction, Animation, and Typography are well-organized within SKILL.md, following progressive disclosure principles.",{"category":170,"check":174,"severity":42,"summary":175},"Forked exploration","The skill's scope is focused on validation and does not involve deep exploration that would necessitate forked context.",{"category":22,"check":177,"severity":24,"summary":178},"Usage examples","The SKILL.md provides clear examples of how to invoke the skill for applying constraints and reviewing files, with expected outcomes described.",{"category":22,"check":180,"severity":24,"summary":181},"Edge cases","The skill documents failure modes for malformed input and missing dependencies, with clear symptoms and recovery steps.",{"category":104,"check":183,"severity":42,"summary":184},"Tool Fallback","This skill does not rely on external tools like an MCP server and is self-contained.",{"category":92,"check":186,"severity":24,"summary":187},"Stack assumptions","The SKILL.md clearly states stack assumptions (Tailwind CSS, Node.js) and dependencies, ensuring portability.",{"category":189,"check":190,"severity":24,"summary":191},"Safety","Halt on unexpected state","The skill's instructions describe how to abort and report on unexpected pre-state, ensuring safety.",{"category":92,"check":193,"severity":24,"summary":194},"Cross-skill coupling","The skill is self-contained and does not implicitly rely on other skills, ensuring standalone functionality.",1778690881157,"This skill enforces opinionated UI baseline rules for Tailwind CSS projects, covering animation, typography, accessibility, and layout. It can be used to apply these constraints to UI work or review specific files.",[198,199,200,201,202],"Validates animation durations and properties","Enforces typography scale and rendering","Checks component accessibility and accessibility primitives","Prevents common layout anti-patterns","Ensures adherence to Tailwind CSS defaults and best practices",[204,205,206],"Performing general code linting outside of UI best practices","Managing project dependencies or build processes","Generating UI components from scratch without user input","3.0.0","4.4.0","To prevent UI inconsistencies and ensure high-quality, accessible interfaces by enforcing a strict set of design and development rules within Tailwind CSS projects.","All checks passed with no warnings or criticals. The skill is well-documented, robust, and adheres to best practices.",100,"A highly reliable skill for enforcing UI best practices in Tailwind CSS projects.",[214,215,216,217,218,219,220],"tailwind","css","ui","development","accessibility","animation","linting","global","verified",[224,225,226,227],"Applying UI constraints to new UI development tasks","Reviewing CSS utilities and component code for compliance","Styling React views with a consistent design system","Enforcing design consistency across a project",{"codeQuality":229,"collectedAt":231,"documentation":232,"maintenance":235,"popularity":241,"security":243,"testCoverage":245},{"hasLockfile":230},true,1778690865452,{"descriptionLength":233,"readmeSize":234},261,227,{"closedIssues90d":236,"forks":237,"hasChangelog":238,"openIssues90d":8,"pushedAt":239,"stars":240},1,68,false,1778223430000,1666,{"npmDownloads":242},1545,{"hasNpmPackage":230,"license":244,"smitheryVerified":238},"MIT",{"hasCi":230,"hasTests":238},{"updatedAt":247},1778690881357,{"basePath":249,"githubOwner":250,"githubRepo":251,"locale":18,"slug":13,"type":252},"skills/baseline-ui","ibelick","ui-skills","skill",null,{"evaluate":255,"extract":257},{"promptVersionExtension":207,"promptVersionScoring":208,"score":211,"tags":256,"targetMarket":221,"tier":222},[214,215,216,217,218,219,220],{"commitSha":258},"HEAD",{"repoId":260},"kd71ksb69rw62v9tywwpzjky0986mzmb",{"_creationTime":262,"_id":260,"identity":263,"providers":264,"workflow":309},1778689626228.6052,{"githubOwner":250,"githubRepo":251,"sourceUrl":14},{"classify":265,"discover":299,"extract":302,"github":303,"npm":308},{"commitSha":258,"extensions":266},[267,275,283,291],{"basePath":249,"description":10,"displayName":13,"installMethods":268,"rationale":269,"selectedPaths":270,"source":274,"sourceLanguage":18,"type":252},{"claudeCode":12},"SKILL.md frontmatter at skills/baseline-ui/SKILL.md",[271],{"path":272,"priority":273},"SKILL.md","mandatory","rule",{"basePath":276,"description":277,"displayName":278,"installMethods":279,"rationale":280,"selectedPaths":281,"source":274,"sourceLanguage":18,"type":252},"skills/fixing-accessibility","Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding interactive controls, forms, dialogs, or reviewing WCAG compliance.","fixing-accessibility",{"claudeCode":12},"SKILL.md frontmatter at skills/fixing-accessibility/SKILL.md",[282],{"path":272,"priority":273},{"basePath":284,"description":285,"displayName":286,"installMethods":287,"rationale":288,"selectedPaths":289,"source":274,"sourceLanguage":18,"type":252},"skills/fixing-metadata","Audit and fix HTML metadata including page titles, meta descriptions, canonical URLs, Open Graph tags, Twitter cards, favicons, JSON-LD structured data, and robots directives. Use when adding SEO metadata, fixing social share previews, reviewing Open Graph tags, setting up canonical URLs, or shipping new pages that need correct meta tags.\n","fixing-metadata",{"claudeCode":12},"SKILL.md frontmatter at skills/fixing-metadata/SKILL.md",[290],{"path":272,"priority":273},{"basePath":292,"description":293,"displayName":294,"installMethods":295,"rationale":296,"selectedPaths":297,"source":274,"sourceLanguage":18,"type":252},"skills/fixing-motion-performance","Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.","fixing-motion-performance",{"claudeCode":12},"SKILL.md frontmatter at skills/fixing-motion-performance/SKILL.md",[298],{"path":272,"priority":273},{"sources":300},[301],"manual",{"npmPackage":251},{"closedIssues90d":236,"description":304,"forks":237,"homepage":305,"license":244,"openIssues90d":8,"pushedAt":239,"readmeSize":234,"stars":240,"topics":306},"Skills for Design Engineers","https://www.ui-skills.com/",[307,251],"skills",{"downloads":242},{"classifiedAt":310,"discoverAt":311,"extractAt":312,"githubAt":312,"npmAt":313,"updatedAt":310},1778690863534,1778689626228,1778690859698,1778690861988,[218,219,215,217,220,214,216],{"evaluatedAt":247,"extractAt":316,"updatedAt":317},1778690863881,1778690990539,[],[320,350,381,411,441,462],{"_creationTime":321,"_id":322,"community":323,"display":324,"identity":330,"providers":335,"relations":343,"tags":346,"workflow":347},1778668208695.1423,"k17f06zww13em2avbhz248f60d86m8fc",{"reviewCount":8},{"description":325,"installMethods":326,"name":328,"sourceUrl":329},"Color-only audit to extract, evaluate, and recommend improvements for the project's color system",{"claudeCode":327},"Aboudjem/ui-ux-suite","Color Audit","https://github.com/Aboudjem/ui-ux-suite",{"basePath":331,"githubOwner":332,"githubRepo":333,"locale":18,"slug":334,"type":252},"skills/color-audit","Aboudjem","ui-ux-suite","color-audit",{"evaluate":336,"extract":342},{"promptVersionExtension":207,"promptVersionScoring":208,"score":211,"tags":337,"targetMarket":221,"tier":222},[338,216,339,218,215,340,341],"design","ux","javascript","cli",{"commitSha":258,"license":244},{"parentExtensionId":344,"repoId":345},"k178zeec8jajqdrczrynw6x3fx86mm8h","kd75532596tdmk72j9k55b0qqn86n5et",[218,341,215,338,340,216,339],{"evaluatedAt":348,"extractAt":349,"updatedAt":348},1778669948021,1778668208695,{"_creationTime":351,"_id":352,"community":353,"display":354,"identity":360,"providers":364,"relations":374,"tags":377,"workflow":378},1778675056600.247,"k170ey9h690y3xt2xscttbbrg986nyca",{"reviewCount":8},{"description":355,"installMethods":356,"name":358,"sourceUrl":359},"Build immersive, cinematic 2.5D interactive websites using scroll storytelling, parallax depth, text animations, and premium scroll effects — no WebGL required. Use this skill for any web design task: landing pages, product sites, hero sections, scroll animations, parallax, sticky sections, section overlaps, floating products between sections, clip-path reveals, text that flies in from sides, words that light up on scroll, curtain drops, iris opens, card stacks, bleed typography, and any site that should feel cinematic or premium. Trigger on phrases like \"make it feel alive\", \"Apple-style animation\", \"sections that overlap\", \"product rises between sections\", \"immersive\", \"scrollytelling\", or any scroll-driven visual effect. Covers 45+ techniques across 8 categories. Always inspects, judges, and plans assets before coding. Use aggressively for ANY web design task.\n",{"claudeCode":357},"alirezarezvani/claude-skills","epic-design","https://github.com/alirezarezvani/claude-skills",{"basePath":361,"githubOwner":362,"githubRepo":363,"locale":18,"slug":358,"type":252},"engineering-team/skills/epic-design","alirezarezvani","claude-skills",{"evaluate":365,"extract":373},{"promptVersionExtension":207,"promptVersionScoring":208,"score":366,"tags":367,"targetMarket":221,"tier":222},99,[368,369,219,370,215,340,371,372,218],"web-design","2-5d","html","gsap","performance",{"commitSha":258},{"parentExtensionId":375,"repoId":376},"k179s2ynpr6g927zdzf23zrhad86net8","kd7ff9s1w43mfyy1n7hf87816186m6px",[369,218,219,215,371,370,340,372,368],{"evaluatedAt":379,"extractAt":380,"updatedAt":379},1778683195692,1778675056600,{"_creationTime":382,"_id":383,"community":384,"display":385,"identity":391,"providers":396,"relations":404,"tags":406,"workflow":407},1778686396664.909,"k17fy0esfpapfbwdxbpy4xb0v986n5p0",{"reviewCount":8},{"description":386,"installMethods":387,"name":389,"sourceUrl":390},"Material Design 3 and Android platform guidelines. Use when building Android apps with Jetpack Compose or XML layouts, implementing Material You, navigation, or accessibility. Triggers on tasks involving Android UI, Compose components, dynamic color, or Material Design compliance.",{"claudeCode":388},"ehmo/platform-design-skills","android-design-guidelines","https://github.com/ehmo/platform-design-skills",{"basePath":392,"githubOwner":393,"githubRepo":394,"locale":18,"slug":395,"type":252},"skills/android","ehmo","platform-design-skills","android",{"evaluate":397,"extract":403},{"promptVersionExtension":207,"promptVersionScoring":208,"score":211,"tags":398,"targetMarket":221,"tier":222},[395,399,400,216,401,218,402],"jetpack-compose","material-design","guidelines","themimg",{"commitSha":258},{"repoId":405},"kd7ecsp5eyakpne8qtk7s9pew986mkn6",[218,395,401,399,400,402,216],{"evaluatedAt":408,"extractAt":409,"updatedAt":410},1778686415619,1778686396664,1778686689924,{"_creationTime":412,"_id":413,"community":414,"display":415,"identity":421,"providers":425,"relations":434,"tags":437,"workflow":438},1778695548458.4001,"k170asnajd0vcr51hwhfy4t0t986m5bh",{"reviewCount":8},{"description":416,"installMethods":417,"name":419,"sourceUrl":420},"Configure Tailwind CSS with TypeScript in a Next.js or React project. Covers installation, configuration, custom theme extensions, component patterns, and type-safe styling utilities. Use when adding Tailwind CSS to an existing TypeScript project, customizing the Tailwind theme for a project's design system, setting up type-safe component styling patterns, or configuring Tailwind plugins and extensions.\n",{"claudeCode":418},"pjt222/agent-almanac","setup-tailwind-typescript","https://github.com/pjt222/agent-almanac",{"basePath":422,"githubOwner":423,"githubRepo":424,"locale":18,"slug":419,"type":252},"skills/setup-tailwind-typescript","pjt222","agent-almanac",{"evaluate":426,"extract":433},{"promptVersionExtension":207,"promptVersionScoring":208,"score":211,"tags":427,"targetMarket":221,"tier":222},[214,428,215,429,430,431,432],"typescript","styling","configuration","react","nextjs",{"commitSha":258},{"parentExtensionId":435,"repoId":436},"k170h0janaa9kwn7cfgfz2ykss86mmh9","kd7aryv63z61j39n2td1aeqkvh86mh12",[430,215,432,431,429,214,428],{"evaluatedAt":439,"extractAt":440,"updatedAt":439},1778701490050,1778695548458,{"_creationTime":442,"_id":443,"community":444,"display":445,"identity":449,"providers":451,"relations":458,"tags":459,"workflow":460},1778695548458.3936,"k171ffwgk4wch3a22a19tpjwrd86m641",{"reviewCount":8},{"description":446,"installMethods":447,"name":448,"sourceUrl":420},"Review user experience and interface design using Nielsen's heuristics, WCAG 2.1 accessibility guidelines, keyboard and screen reader audit, user flow analysis, cognitive load assessment, and form usability evaluation. Use when conducting a usability review before release, assessing WCAG 2.1 accessibility compliance, evaluating user flows for efficiency, reviewing form design, or performing a heuristic evaluation of an existing interface.\n",{"claudeCode":418},"review-ux-ui",{"basePath":450,"githubOwner":423,"githubRepo":424,"locale":18,"slug":448,"type":252},"skills/review-ux-ui",{"evaluate":452,"extract":457},{"promptVersionExtension":207,"promptVersionScoring":208,"score":366,"tags":453,"targetMarket":221,"tier":222},[339,216,218,454,455,456],"wcag","heuristics","usability",{"commitSha":258},{"parentExtensionId":435,"repoId":436},[218,455,216,456,339,454],{"evaluatedAt":461,"extractAt":440,"updatedAt":461},1778700881362,{"_creationTime":463,"_id":464,"community":465,"display":466,"identity":472,"providers":476,"relations":484,"tags":486,"workflow":487},1778695298619.78,"k170zjvtqe5mj6e7r14gtcspgn86mssv",{"reviewCount":8},{"description":467,"installMethods":468,"name":470,"sourceUrl":471},"Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.",{"claudeCode":469},"pbakaus/impeccable","Impeccable","https://github.com/pbakaus/impeccable",{"basePath":473,"githubOwner":474,"githubRepo":475,"locale":18,"slug":475,"type":252},".claude/skills/impeccable","pbakaus","impeccable",{"evaluate":477,"extract":482},{"promptVersionExtension":207,"promptVersionScoring":208,"score":366,"tags":478,"targetMarket":221,"tier":222},[479,338,339,216,480,215,481],"frontend","developer-tools","code-quality",{"commitSha":258,"license":483},"Apache-2.0",{"repoId":485},"kd759gd4rahj1hshy9e4apdb2n86n1aw",[481,215,338,480,479,216,339],{"evaluatedAt":488,"extractAt":489,"updatedAt":490},1778695341594,1778695298619,1778695398397]