Generate Tailwind CSS design specifications from input project files.
npx skills add https://github.com/desduvauchelle/penny-page --skill penny-design
Please help me install this Agent Skill. Skill: penny-design Source: https://github.com/desduvauchelle/penny-page/tree/main/skills/penny-design Command: npx skills add https://github.com/desduvauchelle/penny-page --skill penny-design
This Skill automates the generation of detailed Tailwind CSS design specifications, simplifying the design process for web pages.
To generate a design specification for the landing page, run the penny-design skill with the project in the current working directory.
High-intent search queries and answers about installing and using this skill.
To generate Tailwind CSS design specifications, run the skill with your project files in the working directory. It processes your inputs using Python scripts to output a section-by-section design spec document with utility class guidelines.
A Tailwind CSS design spec is a document detailing layout guidelines, color schemes, and typography for web pages. It maps design decisions directly to Tailwind utility classes to streamline development workflows.
Yes, you can automate web page design spec generation using Python scripts. The skill processes predefined input files to automatically produce detailed Tailwind CSS styling and layout guidelines.
Yes, you need predefined input files in your project directory. The skill depends on these files to provide the context necessary for generating comprehensive Tailwind CSS layout guidelines.
The best way to create a design spec after using the Penny Page pipeline is to run this skill in your current working directory, automatically generating Tailwind CSS layout guidelines from your project files.
SenseTime-FVGAggregate user inputs, uploads, and research into a traceable JSON info-pack.
billydeeii136Generate UI components using shadcn/ui and Tailwind CSS utility classes.
desduvauchelleGenerate brand identity and design guidelines for website redesigns.
baasith6Convert CSS selectors, properties, and rules to Tailwind CSS utility classes.
