skills.rest
ft-frank
ft-frankCOMMUNITY
Explore all skills by this author →
GitHub

teach-impeccable

Gather design context from codebase and user preferences into CLAUDE.md.

1|Updated Mar 13, 2026
Search Tags:#design#context#codebase#setup#guidelines#ux
One-click install
npx skills add https://github.com/ft-frank/UNIHACK --skill teach-impeccable-ft-frank
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: teach-impeccable
Source: https://github.com/ft-frank/UNIHACK/tree/main/frontend/.agents/skills/teach-impeccable
Command: npx skills add https://github.com/ft-frank/UNIHACK --skill teach-impeccable-ft-frank

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps establish persistent design guidelines for a project by gathering context from the codebase and user input, ensuring a consistent aesthetic and user experience.

Core Features & Use Cases

  • Codebase Exploration: Analyzes project files (README, package.json, components, assets) to understand existing design patterns.
  • User Clarification: Asks targeted UX-focused questions about users, brand personality, and aesthetic preferences.
  • Design Context Synthesis: Compiles findings into a ## Design Context section for CLAUDE.md.
  • Use Case: A new developer joins a project and needs to understand the established design language. Running this skill helps them quickly get up to speed on the project's visual and functional design principles.

Quick Start

Run the teach-impeccable skill to gather and save the project's design context.

Frequently Asked Questions about teach-impeccable

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I establish design guidelines for an existing codebase?▼

To establish design guidelines, this skill analyzes your codebase elements like README files, package.json, components, and visual assets, then asks targeted questions about your UX and brand preferences to synthesize persistent design context.

What is the best way to document UX and aesthetic preferences for a project?▼

Documenting UX and aesthetic preferences is best handled by querying user input and analyzing project documentation, compiling the synthesized design principles directly into a CLAUDE.md file for future reference.

How do I create a CLAUDE.md file for project design context?▼

You create a CLAUDE.md file by running a skill that gathers design context from your project files and user clarification, writing the synthesized UX, brand, and aesthetic guidelines into a dedicated Design Context section.

Can I use this to help new developers understand existing design patterns?▼

Yes, you can use this to help new developers understand existing design patterns by analyzing project configuration files and assets, quickly getting them up to speed on the established visual and functional design principles.

Do I need specific configuration files to synthesize project design principles?▼

You need accessible project documentation, configuration files, and visual assets for analysis. The skill explores these codebase elements to inform the design principles before asking you for further UX clarifications.

Related Skills

Explore More Design & Creative Skills→
niiiusburoniiiusburo

extract

Extract reusable UI components and design tokens from a codebase.

Community
Advanced
hi-yuki-922hi-yuki-922
1

i-teach-impeccable

Gather design context from codebase and user input into CLAUDE.md.

Community
Intermediate
andhikapraaandhikapraa

og-image-creator

Generate 1200x630 Open Graph images from codebase routes and brand assets.

Community
Intermediate
luyangliuableluyangliuable

teach-impeccable

Scans codebase and writes Design Context section to CLAUDE.md.

Community
Intermediate