noticesfromchat
Community@noticesfromchat
noticesfromchat provides 38 frontend design skills covering UI critique, polish, motion, accessibility audits, responsive adaptation, brand identity, and SEO analysis.
Agent Skills by noticesfromchat
Showing 38 vetted skills indexed across 1 GitHub repositories.
noticesfromchatdesign-taste-frontend-v1
Generates React and Tailwind frontend code following opinionated design and motion rules.
noticesfromchatinit
Captures missing product context into a PRODUCT.md file during project setup.
noticesfromchatanimate
Adds purposeful motion to a specified interface or interaction.
noticesfromchatquieter
Reduces visual intensity of interfaces when a calmer design is requested.
noticesfromchatgpt-taste
Designs cinematic web interfaces with expressive layout and motion guidance.
noticesfromchatshape
Plans UX and produces a design brief without implementation.
noticesfromchatcraft
Delegates visual design feature requests to the Impeccable craft workflow.
noticesfromchatoptimize
Diagnose and fix frontend loading or rendering performance problems.
noticesfromchatadapt
Adapts an existing interface to requested screen sizes or platforms.
noticesfromchatstitch-design-taste
Generates DESIGN.md design system files for Google Stitch screen generation.
noticesfromchatfull-output-enforcement
Enforces complete, unabridged file and artifact delivery in AI-generated outputs.
noticesfromchatimpeccable
Design, critique, audit, and refine frontend interfaces across web and native platforms.
noticesfromchatclarify
Improves interface labels, instructions, and error-message clarity through the impeccable clarify workflow.
noticesfromchatlayout
Improves spacing, alignment, and composition in a specified user interface.
noticesfromchatimage-to-code
Implement websites from supplied or generated design reference images.
noticesfromchatimagegen-frontend-mobile
Generate coherent multi-screen mobile app UI concept images from a design brief.
noticesfromchatdistill
Simplifies an interface by removing unnecessary visual complexity.
noticesfromchatdelight
Adds requested moments of personality to an existing user interface.
noticesfromchatdocument
Documents the implemented visual system in a DESIGN.md file.
noticesfromchatonboard
Designs first-run experiences, onboarding flows, and empty states for applications.
noticesfromchataudit
Audits frontend accessibility, performance, and responsive behavior through the impeccable audit workflow.
noticesfromchatharden
Improves interface error handling, overflow behavior, and real-data resilience.
noticesfromchatpolish
Fixes alignment, spacing, and visual inconsistencies in an existing interface.
noticesfromchatlive
Explores design variants interactively in a running local interface.
Frequently Asked Questions About noticesfromchat
FAQPage SchemaWhat tasks can I accomplish with noticesfromchat's skills?▼
You can design, redesign, critique, audit, polish, animate, and adapt frontend interfaces including landing pages, dashboards, forms, and onboarding flows. Skills also cover typography, color palettes, accessibility audits, error-state hardening, reusable component extraction, brand identity boards, and deterministic SEO audits for websites and GitHub repositories.
Who are these skills designed for?▼
Frontend developers, product designers, and UX engineers who need to improve interface quality. The skills serve teams handling visual hierarchy, cognitive load, responsive behavior, micro-interactions, and design systems, plus marketers running technical SEO, schema, E-E-A-T, and Core Web Vitals reviews on sites or repositories.
How do I invoke these skills in practice?▼
Most skills are user-invocable with an argument hint such as [target] or [area]. For example, call audit with a feature or page to check accessibility and performance, call polish to fix alignment inconsistencies, or call adapt with a target and context like mobile or print to adjust layouts.
Can the skills generate design assets and documentation?▼
Yes. The brandkit skill generates brand identity boards, logo concepts, and application mockups. Image-generation skills produce website design-reference images and mobile app-flow concepts, image-to-code implements sites from design images, and the document skill records the implemented visual system in DESIGN.md.
What does the SEO skill cover?▼
The seo skill performs deterministic LLM-first audits for websites, blog posts, and GitHub repositories. It handles technical SEO, schema review, Core Web Vitals, E-E-A-T, hreflang, GEO, and AEO, running bundled scripts for evidence and returning prioritized, confidence-labeled fixes for full, page, or repository audits.